可以看到,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...