el-image 点击遮罩层取消预览功能_Future1994的博客_el-image-viewer__mask

     // 点击mask关闭图片预览
      clickMaskClosePreview(e) {
        // 使用addEventListener,会出现点击点击两次才触发的情况
        if (e.target.getAttribute('class') === 'el-image-viewer__mask') {
         // this.$refs.preview.showViewer = false
           this.imgPreviewShow = false
//imgPreviewShow  是控制img预览组件的显示el-image-viewer
        }
      }     // 点击mask关闭图片预览
      clickMaskClosePrevie