直播app系统源码，使用element ui隐藏组件实现图片预览功能

直播app系统源码，使用element ui隐藏组件实现图片预览功能

1、引入组件

 

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

​

2、注册组件

 

components: { ElImageViewer, }

 

3、使用组件

 

<div @click="previewImage(scope.row.dealVoucher)">查看照片</div>
<el-image-viewer v-if="showViewer" :on-close="closeViewer" :url-list="srcList" />

 

4、相关方法

 

closeViewer() {
      this.showViewer = false;
    },
    
previewImage(url) {
      var arr = url.split(",");
      for (var i = 0; i < arr.length; i++) {
        arr[i] = this.ossUrl + arr[i] + "!big";
      }
      this.srcList = arr;
      this.showViewer = true;
      
    },```

 

 以上就是直播app系统源码，使用element ui隐藏组件实现图片预览功能， 更多内容欢迎关注之后的文章