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
      },
相关推荐
丁总学Java13 分钟前
微信小程序-npm支持-如何使用npm包
前端·微信小程序·npm·node.js
懒羊羊大王呀24 分钟前
CSS——属性值计算
前端·css
道爷我悟了1 小时前
Vue入门-指令学习-v-html
vue.js·学习·html
无咎.lsy1 小时前
vue之vuex的使用及举例
前端·javascript·vue.js
fishmemory7sec1 小时前
Electron 主进程与渲染进程、预加载preload.js
前端·javascript·electron
fishmemory7sec1 小时前
Electron 使⽤ electron-builder 打包应用
前端·javascript·electron
工业互联网专业1 小时前
毕业设计选题:基于ssm+vue+uniapp的校园水电费管理小程序
vue.js·小程序·uni-app·毕业设计·ssm·源码·课程设计
豆豆2 小时前
为什么用PageAdmin CMS建设网站?
服务器·开发语言·前端·php·软件构建
计算机学姐2 小时前
基于SpringBoot+Vue的在线投票系统
java·vue.js·spring boot·后端·学习·intellij-idea·mybatis
twins35203 小时前
解决Vue应用中遇到路由刷新后出现 404 错误
前端·javascript·vue.js