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

<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等

猜你喜欢

转载自blog.csdn.net/qq_44063746/article/details/135648490