直播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隱藏元件實現圖片預覽功能， 更多內容歡迎關注之後的文章