element-plus el-table 删除row dom 节点

在 Element Plus 的 el-table 组件中，删除某一行的 DOM 节点可以使用以下步骤：

1. 获取该行的 index 或者 rowKey。

2. 使用 `this.$refs.table.remove()` 方法来删除该行，该方法需要传入两个参数：

- 第一个参数是要删除行的 index 或者 rowKey。

- 第二个参数是一个回调函数，该函数会在删除完成后调用。

   // 获取要删除行的 index 或者 rowKey
   const index = this.tableData.findIndex(item => item.id === id);
   const rowKey = this.tableData[index].rowKey;
   
   // 删除该行
   this.$refs.table.remove(index, () => {
     console.log(`row with index ${index} or rowKey ${rowKey} is removed.`);
   });

3. 在删除完成后，可以根据需要更新数据源 `tableData`。

注意：在使用 `remove()` 方法时，如果该行的数据源中有 `children` 属性，则该行的子节点也会被删除。如果只想删除该行本身而不删除其子节点，则需要先将其子节点的 `parent` 属性设置为 `null`。