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