使用ElementUI2组件实现图片的全局预览

组件

import ElImageViewer from 'element-ui/packages/image/src/image-viewer'


vue:
    <el-image-viewer  
    v-if="showViewer" 
    :on-close="closeViewer" 
    :url-list="[previewUrl]" />

methods:

 closeViewer() {
        this.showViewer = false
  } 

上面的代码可以实现图片的全局预览。