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

发布时间:2024年01月16日

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
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。