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

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

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
      },
相关推荐
ZXT4 分钟前
promise & async await总结
前端
Jerry说前后端5 分钟前
RecyclerView 性能优化:从原理到实践的深度优化方案
android·前端·性能优化
画个太阳作晴天12 分钟前
A12预装app
linux·服务器·前端
77238939 分钟前
解决 Microsoft Edge 显示“由你的组织管理”问题
前端·microsoft·edge
烛阴1 小时前
前端必会:如何创建一个可随时取消的定时器
前端·javascript·typescript
JarvanMo1 小时前
Swift 应用在安卓系统上会怎么样?
前端
LinXunFeng2 小时前
Flutter - 详情页 TabBar 与模块联动?秒了!
前端·flutter·开源
萌萌哒草头将军2 小时前
Oxc 最新 Transformer Alpha 功能速览! 🚀🚀🚀
前端·javascript·vue.js
武昌库里写JAVA2 小时前
JAVA面试汇总(四)JVM(一)
java·vue.js·spring boot·sql·学习
Justinc.2 小时前
HTML5新增属性
前端·html·html5