element-ui drawer 穿过遮罩层触发点击事件

如果你想要在 Element UI 的 Drawer 组件的遮罩层上触发点击事件，可以使用 `@click` 事件和 `append-to-body` 属性。

具体来说，你需要给 Drawer 组件添加 `@click.native` 事件，并在事件处理函数中判断点击的元素是否是遮罩层，如果是，则触发你想要执行的操作。同时，你还需要将 Drawer 组件的 `append-to-body` 属性设置为 `true`，这样 Drawer 组件才能被添加到 body 元素下，从而穿过遮罩层。

下面是一个示例代码：

<el-drawer title="Drawer" :visible="visible" :modal="true" :append-to-body="true" @click.native="handleClick">
  <!-- Drawer 内容 -->
</el-drawer>

methods: {
  handleClick(event) {
    if (event.target.classList.contains('el-drawer__wrapper')) {
      // 在遮罩层上点击时执行的操作
    }
  }
}

在 `handleClick` 方法中，我们判断点击的元素是否具有 `el-drawer__wrapper` 类名，如果是，则说明点击的是遮罩层，此时可以执行你想要的操作。