vue-awesome-swiper 里怎么把swiper官方的放到vue里，比如

Question

这是官网的方法
var galleryThumbs = new Swiper('.gallery-thumbs', {
  spaceBetween: 10,
  slidesPerView: 4,
  freeMode: true,
  watchSlidesVisibility: true,
  watchSlidesProgress: true,
});
var galleryTop = new Swiper('.gallery-top', {
  spaceBetween: 10,
  navigation: {
    nextEl: '.swiper-button-next',
    prevEl: '.swiper-button-prev',
  },
  thumbs: {
    swiper: galleryThumbs
  }
});



这是我自己的
        swiperOption: {
      speed: 300,
      notNextTick: true,
      spaceBetween: 10,
      watchSlidesVisibility: true,
      heigh: 350,
      navigation: {
        nextEl: '.swiper-button-next',
        prevEl: '.swiper-button-prev',
      },
      thumbs: {
        swiper: galleryThumbs
      }
    },

问题就是现在galleryThumbs 在vue会报错，我怎么做处理

Answer 1

找了另一种方法实现，
thumbs: {
swiper: {

   el: '#swiper2',
   spaceBetween: 10,
   slidesPerView: 4,
   watchSlidesVisibility: true,/*避免出现bug*/

},
}