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
      },
相关推荐
GISer_Jinger4 分钟前
📢《告别手动抓狂!Trae国际版+BrowserTools MCP 实现前端错误调试自动化》🚀
前端
前端大白话4 分钟前
震惊!90%前端工程师都踩过的坑!computed属性vs methods到底该怎么选?一文揭秘高效开发密码
前端·vue.js·设计模式
一天睡25小时5 分钟前
React与Vue表单的对比差异
前端·javascript
作曲家种太阳5 分钟前
第七章 响应式的 watch 实现【手摸手带你实现一个vue3】
前端
前端小巷子7 分钟前
深入解析 iframe
前端
WEI_Gaot7 分钟前
ES6 模板字符串
前端·javascript
前端大白话8 分钟前
前端工程师必看!手把手教你用CSS实现超丝滑的自适应视频嵌入
前端·css·前端框架
前端大白话8 分钟前
前端必看!figure标签在响应式图片排版中的王炸操作,grid/flex布局实战指南
前端·设计模式·html
前端大白话10 分钟前
深入理解 JavaScript 中 async 函数与 await 关键字的执行奥秘
前端·javascript·架构
HuaHua的世界11 分钟前
说说Vue 模板是如何编译的?
vue.js·面试