elementui預覽圖片

大圖：

 <el-image v-show="isShow" ref="preview" src="" :preview-src-list="srcList" />

點擊預覽按鈕

 <el-button @click="onPreview(scope.row)">查看附件</el-button>

js


  data() {
    return {
      isShow: false,

.......

   onPreview(row) {
      this.srcList = row.filelist.map(item => chImg(item.filepath).url)
      this.$nextTick(() => {
        this.$refs.preview.clickHandler()
      })
    }
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容