Element image-viewer 通过事件调用

import Vue from 'vue'
import ElImageViewer from "element-ui/packages/image/src/image-viewer";

const ImageViewer = Vue.extend(ElImageViewer);
const viewer = (obj) => {
  /* obj 为 ImageViewer的props相关参数
  * appendToBody 是否在body插入，默认为true, 只能为ture，具体看源码
  * urlList 图片数组
  * initialIndex 第一张显示的图片下标，默认是0
  * maskClosable 点击蒙层是否关闭弹窗 默认true
  * onSwitch 切换图片时候发生的事件
  * zIndex
  */
  new ImageViewer({
    el: document.createElement("div"),
    propsData: {...obj,  onClose: function() {
	  if (this.appendToBody && this.$el && this.$el.parentNode) {
		 this.deviceSupportUninstall();
		 this.$el.parentNode.removeChild(this.$el);
      }
	}}
  });
};
Vue.prototype.$imageViewer = viewer;

// 使用
this.$imageViewer({...})