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();