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

DR1sxy2024-04-19 15:28

图片列表点击展示大图，点开不是当前的图片

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
      },

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