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 @ 2022-10-27 11:18  初学者-xjr  阅读(1206)  评论(0编辑  收藏  举报