ARTICLE DETAIL

建站实战干货

来自一线的建站与推广经验沉淀,每一条都经过真实交付验证。

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

2026/9/15 5:49:19 拓冰建站 浏览量
vue3+elementplus点击按钮使用el-image-viewer图片预览组件

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

2..vue文件中定义组件

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

3. showsrcListref:['']格式

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