在vue中使用vue-awesome-swiper的囧事

今天遇见一个十分尴尬的事,就是在vue框架中使用vue-awesome-swiper时候的swiper不知道跑到哪里去了,一开始我归咎于vue的v-for和变量的二次赋值,因为在这之前我发现注释掉v-for部分的代码我的swiper就好了,然后我就在这上面下了两个小时的研究,我就发现好像是这个被循环的数据被重新复制的事儿,我试验了N次,确认了这个结果,然后就搜索网上别的大牛有没有类似的bug,但是苦寻无果,我看着swiper发现了个问题。我又刷新了一次页面,出现了文字重叠的效果

图中是改变后的,之前标红部分默认是字体的高度,也就是9px。我依旧不敢确认,就到了swiper的官网,翻了5分钟,找到了height的属性改变了磨人的默认高度

在框架中使用插件本身就不是件轻松的事,所以出了bug的时候,ヾ(◍°∇°◍)ノ゙

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。