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

相关推荐

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

    2024-04-23 00:44:01       13 阅读
  2. element-ui el-image :initial-index 动态调整生效

    2024-04-23 00:44:01       31 阅读
  3. UGUI - 动态赋值后刷新及时问题

    2024-04-23 00:44:01       42 阅读
  4. vue elementUI el-form 数据无法赋值报错解决方法

    2024-04-23 00:44:01       36 阅读
  5. elementui中close-on-click-modal=“fasle“生效

    2024-04-23 00:44:01       11 阅读
  6. EasyExcel之动态表头导出生效

    2024-04-23 00:44:01       8 阅读
  7. Web前端篇——ElementUI的Backtop 显示问题

    2024-04-23 00:44:01       38 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-04-23 00:44:01       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-04-23 00:44:01       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-04-23 00:44:01       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-04-23 00:44:01       18 阅读

热门阅读

  1. 【华为OD机试】最长连续手牌【C卷|200分】

    2024-04-23 00:44:01       9 阅读
  2. 金融风险评估都有什么模型

    2024-04-23 00:44:01       13 阅读
  3. iOS(Object C) 冒泡排序

    2024-04-23 00:44:01       14 阅读
  4. Android R 展讯平台关机充电动画横屏显示修改

    2024-04-23 00:44:01       13 阅读
  5. PyTorch: 点燃深度学习革新之火

    2024-04-23 00:44:01       16 阅读
  6. 用爬虫玩转石墨文档

    2024-04-23 00:44:01       15 阅读
  7. linux kernal配置移植 (简录)

    2024-04-23 00:44:01       12 阅读
  8. Codeforces Round 938 (Div. 3) E(差分数组的开关用法)

    2024-04-23 00:44:01       14 阅读