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
      },
相关推荐
汪子熙10 分钟前
走进 Fundamental NGX Platform:从 SAP 设计体系到高生产力组件层
前端·javascript·面试
拉不动的猪23 分钟前
单点登录全流程小姐
前端·javascript·面试
菜鸟小九31 分钟前
html、css(javaweb第一天)
前端·css·html
y东施效颦1 小时前
uni-app页面发布测试环境出现连接服务器超时,点击屏幕重试解决方案
前端·javascript·vue.js·uni-app·vue
大熊程序猿1 小时前
《开篇:课程目录》
前端·c#
摸鱼仙人~2 小时前
React中子传父组件通信操作指南
前端·javascript·react.js
程序员阿超的博客2 小时前
React事件处理:如何给按钮绑定onClick点击事件?
前端·javascript·react.js
前端小咸鱼一条2 小时前
Vue中渲染函数的使用
javascript·vue.js·ecmascript
沉香亭北2 小时前
vue+vite 全局主题
前端
郑州小张2 小时前
前端解析PDF文件目录以及点击目录实现对应内容预览
前端·javascript