关于swiper在vue中的坑

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

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

image.png

解决方案：添加以下属性

image.png

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

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

image.png

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

image.png

如有还有其它的坑，欢迎补充！

作者：jia林
链接：https://www.jianshu.com/p/5b725ece248c