el-image 预览图片不显示问题

2,159 阅读1分钟

背景:女票今天用el-image 组件开发,copy的官网的事例,结果发现死活第一张图片就是展示不出来,但是在我的项目中跑就没有问题,所以决定去瞅瞅源码。(女票项目的elementUI版本是2.13.0,官方事例是没有这个版本的,估计是有点问题。我项目的版本是2.13.2)

结果真的是版本的代码逻辑问题

上代码:

2.13.0版本

image.png

2.13.2版本

image.png

解释一下 ImageIndex 是传给预览组件的图片的index,预览组件根据该index来展示你 el-image preview-src-list属性相应的图片

src就是你传给el-image的src属性

那么我想你就可以看明白了,2.13.0版本会判断你src的图片是否在preview-src-list里,不在就会返回-1,就导致你显示不出你的图片,而2.13.2中,他们就加了层判断,如果找不到,就默认0,所以你不管src在不在preview-src-list里都能够正常显示。


好了,疑惑解决,奇怪的知识又增加了🤔