可以看到,defaultIndex参数是可以设置轮播初始化时的索引的(既显示第几个轮播块),但是当轮播组件渲染完成后,修改此参数并不会使组件切换轮播,因为此参数只在组件渲染时生效。可以让组件重新渲染来实现切换到指定轮播,代码示例如下:

  <mt-swipe :auto="0" :defaultIndex='defaultIndex' :show-indicators="false" :continuous='false' @change="getPicIndex" ref="swipe">
  <mt-swipe-item v-for="el in images" :key="el.id">
      <img :src="el.img_url" />
    </mt-swipe-item>
 </mt-swipe>
 data () {
    return {
      defaultIndex: null,
      }
    }
  showSwirpPic (index) {
      this.defaultIndex = parseInt(index)//defaultIndex是组件初始显示的轮播图的索引
      this.$refs.swipe.swipeItemCreated(); //swipeItemCreated方法是swipe组件内部的方法,可以使组件重渲染

    },

原答案: 感谢分享 , 解决了问题
https://blog.csdn.net/u012235...


那年
115 声望12 粉丝