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

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

1、引入组件

 

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

​

2、注册组件

 

1	components: { ElImageViewer, }

 

3、使用组件

 

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

 

4、相关方法

 

1

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

 

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