某些业务场景下是无法使用el-image去做图片展示,但是又需要用到他的预览功能,可以按如下操作
官方文档没有抛出这个功能,所以我通过源码找到
<el-image v-if="dialogImageUrlVisable" v-show="false" ref="elImage" :src="dialogImageUrl" :preview-src-list="[dialogImageUrl]" fit="contain" >
</el-image>
this.dialogImageUrl = this.fileUrl + file.response.data[0];
this.dialogImageUrlVisable = true;
this.$nextTick(()=>{
this.$refs.elImage.clickHandler()
})