el-image点击遮罩层关闭图片

html

  <el-image style="width: 200px;" @click="handleClickItem"
                          :src="shopimage" :preview-src-list="[shopimage]" v-if="shopimage"/>```

## js

```typescript
    // 背景关闭图片
        handleClickItem () {
            this.$nextTick(() => {
                // 获取遮罩层dom
                let domImageMask = document.querySelector('.el-image-viewer__mask')
                if (!domImageMask) {
                    return
                }
                domImageMask.addEventListener('click', () => {
                    // 点击遮罩层时调用关闭按钮的 click 事件
                    document.querySelector('.el-image-viewer__close').click()
                })
            })
        },```