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

新手上路,请多包涵
这是官网的方法
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会报错,我怎么做处理

阅读 1.8k
1 个回答
新手上路,请多包涵

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

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

},
}

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题