element UI 走马灯 initial-index动态赋值 不生效问题

时间:2024-04-23 07:30:15

图片列表点击展示大图,点开不是当前的图片
initial-index属性动态赋值不生效
解决方法:
1.设置initial-index初始值为null

 initialIndex:null

2.设置走马灯轮播数组初始化为[]

imgList:[]

3.点击图片获取图片的索引,赋值给initialIndex,图片列表数组赋值给imgList

  // 查看大图
      showBigImg(index) {
        this.initialIndex = index
        this.BigImgList=this.tkImgList
        this.tkShow = true
      },

4.关闭大图的时候重置initialIndex和imgList的值

      closetkShow(){
        this.BigImgList=[]
        this.initialIndex=null
        this.tkShow=false
      },