Vant（有赞）UI框架爬坑记—

马上大学毕业了，要做毕业设计，决定做个移动端的网站，在挑选了多个Vue的移动端框架之后，返现Vant这个框架的开发文档相对还是比较友好的，所以就决定使用这个了，但是使用的途中，发现是真的好多坑，今天先来说说这个图片轮播+预览的功能

首先我先自己试了一下Vant上面给的例子，说实话，感觉例子上讲的图片预览着实没看懂怎么个意思，按照上面的说法，首先引入ImagePreview，然后直接就创建了个数组，然后就完事了，我当时的那个心情啊~

随后在多次实验无果的情况下，我先把swiper写了出来，在这里又遇见了个小坑，就是我使用的是swiper中的v-lazy预加载，可是每一次都给我报个错

这里需要注意一下哈，虽然咱们在main.js中引入了vant并且全局注册了，但是lazy是需要单独引入的（感觉有点小坑爹）

好，到了这里这个轮播图是没有问题了，那么这个预览怎么解决呢？在经过多次尝试（一个多小时）的实验后，抱着试一试的心理，在组件内部单独引入后，又给每一个图片添加了点击事件，利用点击事件来触发预览的这个ImagePreview函数，最后终于成功了o(╥﹏╥)o

在这里吐槽一下，我在Main.js中，引入了这个ImagePreview并且全局注册了都不管用，单独在组件中使用就可以，真是气死我了(╬◣д◢)！！垃圾框架，毁我时间（真香~）

Vant（有赞）UI框架爬坑记——图片轮播+预览相关推荐

vue基于element ui走马灯卡片化的图片轮播
1.安装依赖 npm i element-ui -S 2.代码 <template><div><el-carousel :interval="4000" ...
小小甜菜keras爬坑记
小小甜菜keras爬坑记前言安装(参考深度学习爬坑记安装ubuntu16.04+cuda9+cudnn+tensorflow1.9.0) 视频资料相关模型资料学习笔记 ssd模型 yolov3 ...
小小甜菜深度学习爬坑记
小小甜菜深度学习爬坑记主要目的是整理一路学习的技术分享贴.我的电脑是笔记本联想拯救者R720,显卡是GTX1050Ti.其它环境仅供参考. 安装ubuntu+win10双系统详情见技术贴用 Eas ...
小小甜菜百度AI爬坑记
小小甜菜百度AI爬坑记作为国内较好的深度学习平台,我是在2018百度开发者大会拉入坑的.其可分为语音识别,语音合成,文字识别,图像识别,人体分析,人脸识别,理解与互交技术,AR增强现实等多个方向.我 ...
我在「小米爬坑记」里，看到的 3 个创业真相
小米把10年的创业经历,做了一次「开源」. 就在昨晚,雷军做了小米十周年的公开演讲.在演讲中,雷军对小米10年的发展做了一次大梳理,既有成绩,也有反思,还有小米历史上一些非常关键的发展节点.其实上个月 ...
Spring Cloud Contract 爬坑记
前言:spring-cloud-starter-contract-verifier:2.1.1.RELEASE. spring-cloud-contract-maven-plugin:2.2.1.RE ...
npm run build 打包爬坑记（1）
npm run build 打包爬坑记先说说打包过程,npm run build 后放入phpstudy里面,访问本地ip,查看phpstudy的端口号,就能访问页面了(访问地址:http://19 ...
小小甜菜Movidius爬坑记
小小甜菜Movidius爬坑记我是在神经计算棒+树莓派3B上看到实际效果后决定使用本方案的,实际项目中使用树莓派CM3作为核心板卡,使用Movidius 2或Movidius X(具体版本看项目需求 ...
小白爬坑记：C语言学习点滴——我对单、双引号的理解
小白爬坑记:C语言学习点滴--我对单.双引号的理解一.单引号的作用: 二.双引号的作用: 三.字符或字符串容易犯的错误: 三.做个小题: 一.单引号的作用: 将单引号中间的所有符号直接转换为ASCI ...
linux mono jexus性能,docker运行jexus+mono爬坑记，
docker运行jexus+mono爬坑记, 新的.net core都已经支持docker.手头有一些原来开发的asp.net旧项目,用的asp.net mvc开发的,跑在.net formwork ...

Vant（有赞）UI框架爬坑记——图片轮播+预览

Vant（有赞）UI框架爬坑记——图片轮播+预览相关推荐

最新文章

热门文章