博客 / 詳情

返回

Mint UI中Swipe組件 動態展示默認顯示的元素

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

user avatar huishou 頭像
1 位用戶收藏了這個故事!

發佈 評論

Some HTML is okay.