可以看到,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...
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。