Swiper中文论坛

标题: vue使用thumbs组件如何设置initialSlide参数 [打印本页]

作者: 慌慌啊！ 时间: 2018-12-10 13:30
标题: vue使用thumbs组件如何设置initialSlide参数
我用swiper写了个滑动查看图片下方显示缩略图的功能，但是无法使用initialSlide参数，给他放到了初始化里面也没有作用，请问有大神知道的吗？

微信图片_20181210132840.png (38.45 KB, 下载次数: 143)

js.jpg

微信图片_20181210132846.png (85.13 KB, 下载次数: 156)

html.jpg

作者: 慌慌啊！ 时间: 2018-12-11 16:05
已经解决了，不知道有没有人跟我一样被他困扰了很久，为了让我自己记住还是把代码贴出来吧

作者: 慌慌啊！ 时间: 2018-12-11 16:06
咋发布了图片呢

作者: 慌慌啊！ 时间: 2018-12-11 16:07
发不了图片我就把改过的地方贴上来
mounted() {
this.$nextTick(() => {
   const swiperTop = this.$refs.swiperTop.swiper
   const swiperThumbs = this.$refs.swiperThumbs.swiper
   swiperTop.controller.control = swiperThumbs
   // swiperThumbs.controller.control = swiperTop
   swiperTop.slideTo(this.imgid)
});

  },
  methods:{
slideTop(i){
   const swiperTop = this.$refs.swiperTop.swiper
   swiperTop.slideTo(i,100,false)
}
  },

作者: 故事有多长 时间: 2020-9-12 16:19
？？？？？？？？？？？？

欢迎光临 Swiper中文论坛 (http://bbs.swiper.com.cn/)