这是官网的方法
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会报错,我怎么做处理
找了另一种方法实现,
thumbs: {
swiper: {
},
}