el-image的preview-src-list图片预览总是从第一张的问题

javascript 复制代码
<div v-for="(item, index) in imgList" :key="item.id">
   <el-image :src="item.url" :fit="'cover'" :preview-src-list="previewImgList"></el-image>
</div>
imgList:[
	{id:1,url:"aaa.png"},
	{id:2,url:"aaa.png"},
	{id:3,url:"aaa.png"},
]
previewImgList:[
	"aaa.png",
	"bbb.png",
	"ccc.png",
]

注意:

1. previewImgList必须直接存储图片的路径,不能以对象包裹的形式

2.previewImgList的每一项必须与原数据里的url值完全匹配,包括格式、路径、尾缀,不能一边是base64另一边存的JPEG,或者一边JPG另一边Blob等

相关推荐
熙曦Sakura21 分钟前
【数据结构】队列
数据结构
sjsjs1127 分钟前
【数据结构-扫描线】力扣57. 插入区间
数据结构·算法·leetcode
xiaozhang_7493380128 分钟前
数据结构day2
数据结构
王哈哈嘻嘻噜噜29 分钟前
数据结构中线性表的定义和特点
数据结构·算法
MogulNemenis1 小时前
力扣415周赛
java·数据结构·算法·leetcode
ai安歌1 小时前
【JavaWeb】利用IDEA2024+tomcat10配置web6.0版本搭建JavaWeb开发项目
java·开发语言·后端·tomcat·web·intellij idea
一道秘制的小菜1 小时前
C++第十一节课 new和delete
开发语言·数据结构·c++·学习·算法
心怀花木2 小时前
【C++】模拟实现list
c++·stl·list
aloha_7893 小时前
B站宋红康JAVA基础视频教程(chapter14数据结构与集合源码)
java·数据结构·spring boot·算法·spring cloud·mybatis
临沂堇3 小时前
CCF刷题计划——训练计划(反向拓扑排序)
数据结构·c++·算法·拓扑·ccf