elementui预览图片按钮触发

elementui图片预览的官方文档

预览功能是通过点击图片触发的，然而需求是通过按钮触发预览

首先，页面中必须存在该dom，并且设置ref属性

this.$refs.preview.showViewer = true

然后通过设置showViewer实现预览效果

.my-img {
    width: 100px;
    height: 100px;
}

.my-img .el-image__inner,
.el-image__error {
    visibility: hidden;
}

样式是重点，图片必须在页面上存在，不能设置display:none，也不能设置width:0;height:0,否则不能触发