swiper 3 coverflow bug

 mounted() {
    new Swiper(".swiper-container", {
      loop: true,
      //   pagination: ".swiper-pagination",
      effect: "coverflow",
      grabCursor: true,
      centeredSlides: true,
      slidesPerView: "auto",
      observer: true,
      observeParents: true,
      coverflow: {
        rotate: 50,
        stretch: 0,
        depth: 100,
        modifier: 1,
        slideShadows: true,
      },
     
    });
  },

写在这里的时候swiper 没效果

各种百度就是没找到原因

最后我试一下

 mounted() {
    this.initSwiper();
  },
  updated() {
    this.initSwiper();
  },
  methods: {
    //初始化swiper
    initSwiper() {
      new Swiper(".swiper-container", {
        loop: true,
        //   pagination: ".swiper-pagination",
        effect: "coverflow",
        grabCursor: true,
        centeredSlides: true,
        slidesPerView: "auto",
        observer: true,
        observeParents: true,
        coverflow: {
          rotate: 50,
          stretch: 0,
          depth: 100,
          modifier: 1,
          slideShadows: true,
        },
      });
    },
}

在updated中然后就好了 具体也不知道为啥有大神知道可以赐教一下！！！