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

news/2024/9/23 18:19:02/

图片列表点击展示大图,点开不是当前的图片
initial-index属性动态赋值不生效
解决方法:
1.设置initial-index初始值为null

 initialIndex:null

2.设置走马灯轮播数组初始化为[]

imgList:[]

3.点击图片获取图片的索引,赋值给initialIndex,图片列表数组赋值给imgList

  // 查看大图showBigImg(index) {this.initialIndex = indexthis.BigImgList=this.tkImgListthis.tkShow = true},

4.关闭大图的时候重置initialIndex和imgList的值

      closetkShow(){this.BigImgList=[]this.initialIndex=nullthis.tkShow=false},

http://www.ppmy.cn/news/1430739.html

相关文章

Leetcode 225:用队列实现栈

请你仅使用两个队列实现一个后入先出(LIFO)的栈,并支持普通栈的全部四种操作(push、top、pop 和 empty)。 实现 MyStack 类: void push(int x) 将元素 x 压入栈顶。int pop() 移除并返回栈顶元素。int to…

【LeetCode热题100】【二分查找】搜索旋转排序数组

题目链接:33. 搜索旋转排序数组 - 力扣(LeetCode) 同样是要在数组中查找元素,不同的是这次的数组是这样//的,升序数组,但是往前移动了一下,也就是两段升序,456123这样 看了一位天才…

将组件 赋值给变量li 想拿到 组件的html页面结构 但是 打印出来的是 文件路径 该如何实现呢?

需求 import { ref } from vue; import refrigerationRight from /views/bim3D/components/right/refrigerationRight.vue const liref({lis:refrigerationRight }) const refrigerationclick()>{console.log(li) }##方法 import { createApp } from vue; import refriger…

线性表的顺序存储如何设计实现?

如何存储 顺序及链式实现 计算机中的状态

特殊类的设计、C++四种类型转换

🐶博主主页:ᰔᩚ. 一怀明月ꦿ ❤️‍🔥专栏系列:线性代数,C初学者入门训练,题解C,C的使用文章,「初学」C 🔥座右铭:“不要等到什么都没有了,才下…

双线性插值计算手动实现以及原理

双线性插值计算手动实现以及原理 代码原理 代码 先贴代码吧,原理其实也比较简单,看代码基本也就理解了,时间太晚了,原理后续再补吧。 import torch from torch.nn import functional as F import numpy as np from itertools im…

Rust 模式匹配中的 和 ref

一、Rust & 和 ref 1.Rust的ref有什么用 根据Rust官方文档https://doc.rust-lang.org/std/keyword.ref.html Rust ref 主要用在模式匹配match的所有权问题中。 ref在 Rust中,也是声明一个指针类型变量,进一步说明ref和&在其它方面区别&#xf…

AI重建粒子轨迹,发现新物理学

目录 二Sora冲击还没来,但智能家居人已经开始焦虑了! 一、智能家居新革命:AIoH 二、AI技术接入智能家居,未来价值几何? 三、AI 智能家居,不是纸上谈兵 四、结语 电子学在核物理领域从来都不是一帆风顺…