首页 > 其他分享 >elementui手动触发大图预览

elementui手动触发大图预览

时间:2022-10-27 11:24:30浏览次数:62  
标签:el 预览 触发 大图 image elementui

实现效果

不需要点击el-image组件,而且通过其他方式自由触发大图预览效果

写法

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

      <el-image
        id="image__preview_749"
        ref="image__preview_749"
        style="width: 100px; height: 100px"
        :src="xx"
        :preview-src-list="srcList"
      >
      </el-image>

js

this.$refs.image__preview_749.clickHandler();

标签:el,预览,触发,大图,image,elementui
From: https://www.cnblogs.com/code-R/p/16831540.html

相关文章