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,否则不能触发

你可能感兴趣的:(elementui预览图片按钮触发)