vue+swiper实现组件化开发的实例代码

前端之家收集整理的这篇文章主要介绍了vue+swiper实现组件化开发的实例代码前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

swiper的组件

home.vue 调用的组件方法

//js import swiper from 'components/swiper/swiper' components: { swiper },

问题:如果单纯的调用_initSwiper的方法,会发现页面是不能滚动的,但是页面随便修改东西,然后保存的swiper又可以滚动的,这个个原因是初始swiper的节点没有创建成功,值页面有穿进去的,一层一层的可以打印swiper的值为空的,当修改东西值就能传递进去的,所以的这里的我们需要通过判断节点是否成功来update siwper的方法

猜你在找的Vue相关文章