查看: 3202|回复: 4
打印 上一主题 下一主题

vue使用thumbs组件如何设置initialSlide参数

[复制链接]
  • TA的每日心情
    慵懒
    2018-12-10 10:36
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    26

    积分

    新手上路

    Rank: 1

    积分
    26
    跳转到指定楼层
    楼主
    发表于 2018-12-10 13:30:29 | 只看该作者 |只看大图 回帖奖励 |倒序浏览 |阅读模式
    我用swiper写了个滑动查看图片下方显示缩略图的功能,但是无法使用initialSlide参数,给他放到了初始化里面也没有作用,请问有大神知道的吗?

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

    js.jpg

    js.jpg

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

    html.jpg

    html.jpg
    分享到:  QQ好友和群QQ好友和群 QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    收藏收藏 分享分享 分享淘帖
    回复

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-12-10 10:36
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    26

    积分

    新手上路

    Rank: 1

    积分
    26
    沙发
     楼主| 发表于 2018-12-11 16:05:10 | 只看该作者
    已经解决了,不知道有没有人跟我一样被他困扰了很久,为了让我自己记住还是把代码贴出来吧
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-12-10 10:36
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    26

    积分

    新手上路

    Rank: 1

    积分
    26
    板凳
     楼主| 发表于 2018-12-11 16:06:26 | 只看该作者
    咋发布了图片呢
    回复 支持 反对

    使用道具 举报

  • TA的每日心情
    慵懒
    2018-12-10 10:36
  • 签到天数: 1 天

    [LV.1]初来乍到

    1

    主题

    8

    帖子

    26

    积分

    新手上路

    Rank: 1

    积分
    26
    地板
     楼主| 发表于 2018-12-11 16:07:17 | 只看该作者
    发不了图片我就把改过的地方贴上来
    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)
        }
      },
    回复 支持 反对

    使用道具 举报

    该用户从未签到

    0

    主题

    3

    帖子

    9

    积分

    新手上路

    Rank: 1

    积分
    9
    5#
    发表于 2020-9-12 16:19:13 | 只看该作者
    ????????????
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    本版积分规则

    Archiver|手机版|小黑屋|Swiper中文网 ( 粤ICP备15001020号

    GMT+8, 2024-11-22 21:58 , Processed in 0.063426 second(s), 29 queries .

    Powered by Discuz! X3.2

    © 2001-2013 Comsenz Inc.

    快速回复 返回顶部 返回列表