elementUI table 判断点击是否在表格以外

可以通过监听 document 的 click 事件，然后判断点击的元素是否在表格以外。

具体实现如下：

1. 给表格添加 ref，如下所示：

<template>
  <div>
    <el-table ref="table"></el-table>
  </div>
</template>

2. 在 mounted 钩子函数中监听 document 的 click 事件，如下所示：

mounted() {
  document.addEventListener('click', this.handleOutsideClick)
},
methods: {
  handleOutsideClick(e) {
    const table = this.$refs.table.$el
    // 判断点击的元素是否在表格以外
    if (!table.contains(e.target)) {
      // 在表格以外
      console.log('点击了表格以外的区域')
    }
  }
},
beforeDestroy() {
  document.removeEventListener('click', this.handleOutsideClick)
}

其中，handleOutsideClick 方法会在点击 document 后被触发，通过 $refs 获取表格元素，然后使用 contains 方法判断点击的元素是否在表格以外。

在组件销毁前，需要将监听的事件移除，以免出现内存泄漏等问题。