这篇文章给大家分享的是有关elementui之el-image-viewer的示例分析的内容。小编觉得挺实用的，因此分享给大家做个参考，一起跟随小编过来看看吧。
创新互联建站是一家专业提供黎川企业网站建设,专注与网站设计制作、成都做网站、H5高端网站建设、小程序制作等业务。10年已为黎川众多企业、政府机构等服务。创新互联专业网络公司优惠进行中。
使用方法
翻看了Image的源码，发现大图预览是一个小组件image-viewer，打开看看它的props，如下
props: {
urlList: {
type: Array,
default: () => []
},
zIndex: {
type: Number,
default: 2000
},
onSwitch: {
type: Function,
default: () => {}
},
onClose: {
type: Function,
default: () => {}
}
}我们需要使用到的就只有urlList与onClose两个属性 ，一个用来放图片链接一个用来关闭查看器。
需要使用的属性我们知道了，然后我们就在代码里面引入image-viewer就可以直接使用。