如果用el-table循环出来多个表格怎么判断鼠标点击在表格外空白处

在Vue的Element UI (el-table) 中，如果你想判断用户是否点击了表格外的空白区域，你可以通过监听`document`的`click`事件，并排除掉table元素及其子元素的点击事件。以下是大致步骤：

1. 首先，在处理表格数据的地方，维护一个数组，表示所有的表格实例（假设你有一个变量叫做`tables`包含所有el-table组件）。

let tables = []; // 初始化空数组，存储所有的el-table实例

// 每次创建新的el-table时，添加到这个数组里
this.$nextTick(() => {
  tables.push(this.$refs.myTable); // 将当前table引用添加到数组中，这里的'myTable'替换实际的ref名称
})

2. 然后，给`document`绑定一个`click`事件处理器，检查点击位置是否在表格区域内以外：

document.addEventListener('click', (event) => {
  if (!tables.some(table => table.contains(event.target))) { // 使用Array.prototype.some()检查是否有表格元素包含点击目标
    console.log('点击的是空白区域');
    // 在这里可以进一步执行你需要的操作，如关闭弹出框等
  }
});

在这个示例中，`contains()`方法用于检查事件目标是否在某个元素内部或其本身上。