点击放大图标，放大图片

如何将elementUI中的放大图片的事件修改成点击图标或者按钮

点击放大图标，放大图片

<span class="addUnderline">模板1 (横向列表) 
    <i class="el-icon-search"  @click="onPreview()"></i>
    <el-image 
        class="my-img"
        style="width: 0; height: 0"
        ref="preview"
        :preview-src-list="[require('../../../assets/images/app1.png')]">
    </el-image>
</span>


//方法
onPreview() {
     this.$refs.preview.showViewer = true
 },



//css
//放大图片
.my-img .el-image__inner,
/deep/ .el-image__error {

    visibility: hidden;
}

看结果
点击放大镜，放大图片