element ui 单独使用大图预览

发布于：2023-03-27 ⋅ 阅读:(192) ⋅ 点赞:(0)

<el-image-viewer
      v-if="visiableImg"
      :on-close="()=>{ visiableImg = false }"
      :url-list="SourceList"
    />

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

  components: {ElImageViewer},

data(){
   return{visiableImg = false,SourceList:['url1','url2']} 
}