swiper fixed定位滑动失效解决办法

swiper的机制是：初始化的时候自动扫描swiper-wrapper类下有多少个swiper-slide类块，则允许滑动多少个块

而在vue始终在swiper初始化之后定义，swiper则无法正确scan有多少个slide（实际上找到一个待循环模板），所以划不动。

查阅Swiper的API时发现，有这样两个参数：observer和observeParents，前者启动动态检查器，当改变swiper的样式（例如隐藏/显示）或者修改swiper的子元素时，自动初始化swiper。后者原理和前者一样，只是将observe应用于Swiper的父元素。两者默认值都为false。

所以在原来的swiper初始化代码中加上这两行即可。

var mySwiper = new Swiper(‘.swiper-container’,{

pagination : ‘.swiper-pagination’,

paginationClickable: true,

longSwipesRatio: 0.3,

touchRatio:1,

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

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

})