在Vue中使用了Swiper ，動態從后台獲取數據的之后，swiper滑動失效？？

在Vue中使用了Swiper ，動態從后台獲取數據的之后，swiper滑動失效？？

是因為swiper提前初始化了，那時候數據還沒有完全出來。這里有兩種解決辦法

1. 使用vue提供的$nextTick()方法

當Vue構造器里的data值被修改完成后會調用這個方法，也相當於一個鈎子函數吧，和構造器里的updated生命周期很像。

在數據初始化完畢之后，再初始化swiper就不會出現問題了

this.$nextTick(function () {

              var swiper = new Swiper('.swiper-container', {

        此處省略

         }）

            })

2.在swiper初始化的時候

swiper1 = new Swiper('.swiper-container', {

    initialSlide :0,

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

    observeParents:true//修改swiper的父元素時，自動初始化swiper

});