elementui手动触发大图预览

实现效果

不需要点击el-image组件,而且通过其他方式自由触发大图预览效果,这里的el-image仅用于实现大图预览功能,所以这个底图是不显示的(通过css把它挪到屏幕外,暂时没想到更好的方法,如果有请评论告知一下)

写法

原本想通过获取el-image dom元素,dom.click()来进行触发。发现不生效。
查了一下,如下方法可以触发
template

<el-image
  ref="image__preview"
  style="width: 10px; height: 10px"
  class="no-show"
  :src="xx"
  :preview-src-list="srcList"
>
</el-image>

js

this.$refs.image__preview.clickHandler();
posted @   初学者-xjr  阅读(1381)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· winform 绘制太阳,地球,月球 运作规律
· AI与.NET技术实操系列(五):向量存储与相似性搜索在 .NET 中的实现
· 超详细:普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示