0
点赞
收藏
分享

微信扫一扫

Element 中图片预览后如何快速关闭

萨科潘 2022-03-11 阅读 54

Element 中的图片有预览大图的功能,但是预览完毕后只能点击右上角的关闭图标才能关闭,有点不方便,理想的操作应该是点击图片以外的遮罩层的任意位置即可关闭,只需要在页面加载完成以后加上如下代码即可实现:

mounted() {
    // 通过遮罩层关闭图片预览
    document.addEventListener('click',function(e){
        if(e.target.className=="el-image-viewer__mask"){
            let close = document.querySelector(".el-icon-circle-close");
            close.click();
        }
    });
},
举报

相关推荐

0 条评论