随着版本的更新Element UI新增了新的组件,例如:这是官方文档中有写的,但是我想不使用Image组件又想使用预览大图的功能是否可行呢?答案是当然可以。翻看了Image的源码,发现大图预览是一个小组件image-viewer,打开看看它的props,如下我们需要使用到的就只有urlList与onClose两个属性 ,一个用来放图片链接一个用来关闭查看器。需要使用的属性我们知道了,然后我们就在代码里面引入image-viewer就可以直接使用。

详解elementui之el-image-viewer(图片查看器)

详解elementui之el-image-viewer(图片查看器)