自学内容网 自学内容网

vue3+elementplus点击按钮使用el-image-viewer图片预览组件

1.首先确保你是全局引入,不是全局的需要自主引入该组件

2..vue文件中定义组件

 <el-image-viewer
    v-if="showImagePreview"
    :url-list="showsrcListref"
    hide-on-click-modal
    teleported
    @close="closePreview"
    style="z-index: 3000"
  />

3. showsrcListref:['']格式

4.点击按钮给showsrcListref赋值即可完成,同时将showImagePreview置为true


原文地址:https://blog.csdn.net/CHENC0518/article/details/135630220

免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!