关于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
来自 “ ITPUB博客 ” ，链接：https://blog.itpub.net/3676/viewspace-2813543/ ，如需转载，请注明出处，否则将追究法律责任。
上一篇：
密码策略限制最大与最小长度
下一篇：
【小白教程】趣味表白效果
请登录后发表评论
登录
全部评论
