Vant即速UI框架爬坑记图片轮播+预览-即速小程序代理价格多少即速-即速小程序加盟-即速应用

Vant即速UI框架爬坑记图片轮播+预览-即速小程序代理价格多少即速-即速小程序加盟

浏览量：1357 时间：2020-04-06 来源：磐石BedRock

1.
马上大学毕业了，要做毕业设计，决定做个移动端的网站，在挑选了多个Vue的移动端框架之后，返现Vant这个框架的开发文档相对还是比较友好的，所以就决定使用这个了，但是使用的途中，发现是真的好多坑，今天先来说说这个图片轮播+预览的功能
2.
首先我先自己试了一下Vant上面给的例子，说实话，感觉例子上讲的图片预览着实没看懂怎么个意思，按照上面的说法，首先引入ImagePreview，然后直接就创建了个数组，然后就完事了，我当时的那个心情啊~随后在多次实验无果的情况下，我先把swiper写了出来，在这里又遇见了个小坑，就是我使用的是swiper中的v-lazy预加载，可是每一次都给我报个错这里需要注意一下哈，虽然咱们在main.js中引入了vant并且全局注册了，但是lazy是需要单独引入的（感觉有点小坑爹）好，到了这里这个轮播图是没有问题了，那么这个预览怎么解决呢？在经过多次尝试（一个多小时）的实验后，抱着试一试的心理，在组件内部单独引入后，又给每一个图片添加了点击事件，利用点击事件来触发预览的这个ImagePreview函数，最后终于成功了o(╥﹏╥)o
3.
在这里吐槽一下，我在Main.js中，引入了这个ImagePreview并且全局注册了都不管用，单独在组件中使用就可以，真是气死我了(╬◣д◢)！！垃圾框架，毁我时间（真香~）