1.swiper-vue坑1

1.问题描述

vue渲染数据时发现，左右滑动没有效果，并且行展示item个数不符合初始化swiper对象时设置的属性
在开发者模式下，swiper又正常地显示

2.solutions

参考网上分享的解决办法之后发现两种解决方案

//1.在vue实例初始化过程中，初始化swiper对象
mounted编辑阶段
//2.初始化swiper对象时设置监听属性
//2.1observer:true
//2.2observeParents:true
var swiper = new Swiper('.swiper-container', {
    pagination: '.swiper-pagination',
    paginationClickable: true,
    //修改swiper自己或子元素时，自动初始化swiper
    observer:true ,
    //修改swiper的父元素时，自动初始化swiper
    observeParents:true,
});

方法2亲测，有效