vue使用swiper的坑-刷新不动,loop属性失效 自动轮播到最后一页不切换到第一页

在实例化的swiper里加入这两个属性：

（1）

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

（2）

        在方法中心自定义一个方法haha()

    在里面写上setTimeout（()=>{},Time）方法

    把实例化后的swiper放入setTimeout（）方法中

（3）在生命周期钩子函数中调用这个方法

     mounted()  dom元素挂载之后

 mounted() {

    // 调用执行haha()方法

    this.haha();

  },

  methods: {

    // 定义一个方法，将实例化的swiper放入haha()方法里的setTimeout里

    haha() {

      setTimeout(() => {

        // 实例化swiper

        // 初始化

        let swiper = new Swiper(".swiper-container", {

          //设置循环，默认false

          loop: true,

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

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

          //横向方向

          direction: "horizontal",

       

          autoplay: true,

       

        });

      }, 300);