关于swiper在vue中的坑

作者: jia林 | 来源:发表于2018-06-21 15:50 被阅读118次

代码虐我千百遍,我视代码如初恋

问题1、当数据渲染时,轮播图左右箭头点击不了


image.png

解决方案:添加以下属性


image.png
 observer: true, //修改swiper自己或子元素时,自动初始化swiper
 observeParents: true, //修改swiper的父元素时,自动初始化swiper

问题2、当图文结合实现轮播时,css样式、布局变乱


image.png

解决方案:循环class名swiper-slide的div,之后再包裹一层div,将内容放进去


image.png

如有还有其它的坑,欢迎补充!

相关文章

网友评论

  • blank的小粉er:npm install vue-awesome-swiper --save

    可以用这个呀
    jia林:@blank的小粉er pc上不适合使用

本文标题:关于swiper在vue中的坑

本文链接:https://www.haomeiwen.com/subject/sytcyftx.html