Vue 通过id回显el-table表格对应行选中

在 Vue 中，你可以使用 `ref` 属性来引用 `el-table` 组件，并通过 `setCurrentRow` 方法来设置选中的行。具体实现方法如下：

首先，在你的 `el-table` 组件上添加 `ref` 属性来引用它：

<el-table ref="myTable">
  <!-- 表格内容 -->
</el-table>

接下来，在你需要回显选中行的地方，例如在 `created` 钩子中或者在某个方法中，可以使用 `this.$refs.myTable.setCurrentRow(row)` 来设置选中的行。其中 `row` 是一个对象，代表选中的行数据，例如：

created() {
  // 假设当前页面路由参数中有一个名为 id 的参数，表示需要回显的行的 ID
  let id = this.$route.params.id;
  // 从数据源中查找对应的行数据
  let row = this.tableData.find(item => item.id === id);
  // 设置选中的行
  if (row) {
    this.$refs.myTable.setCurrentRow(row);
  }
}

上面的代码中，我们通过查找 `tableData` 数组中 `id` 属性值为当前页面路由参数中的 `id` 的项作为选中的行数据，然后调用 `setCurrentRow` 方法来设置选中的行。

注意，如果你想要在选中行时同时设置表格滚动到该行的位置，可以在 `setCurrentRow` 方法中传递一个第二个参数 `scrollIntoView`，并将其设置为 `true`：

this.$refs.myTable.setCurrentRow(row, true);

这样，选中的行就会自动滚动到可视区域。