el-dialog点击蒙层事件

在Element UI库中的`el-dialog`组件中，如果想要监听用户点击遮罩层（通常是一个半透明背景层，用于覆盖整个弹出框）的事件，你可以通过设置`mask-closable`属性并监听其`close`事件来实现。这个属性默认值是`true`，表示遮罩层可以关闭对话框。

例如，当你创建一个`el-dialog`时，可以这样做：

<template>
  <el-dialog :mask-closable="true" @close="handleMaskClick">
    <!-- dialog内容 -->
  </el-dialog>
</template>

<script>
export default {
  methods: {
    handleMaskClick() {
      // 当用户点击遮罩层时，会触发此函数
      console.log('用户点击了遮罩层');
      // 这里可以根据需要执行相应的操作，比如关闭对话框、取消某个操作等
    },
  },
};
</script>

在这个例子中，当用户点击遮罩层时，`handleMaskClick`方法会被调用。如果你不想让用户关闭对话框，可以把`mask-closable`设为`false`，然后单独处理遮罩层关闭的需求。