Vue 通过后端传回的id让el-table表格对应行选中

好的，针对你的问题，你可以在Vue中通过绑定变量来实现el-table表格对应行选中。具体的操作步骤如下：

1. 在Vue的data中定义一个变量，比如叫做selectedRow，用来存储选中的行的id。

2. 在el-table组件的定义中，通过v-bind指令将selectedRow变量和当前行的id绑定起来。具体的代码如下所示：

<el-table
  :data="tableData"
  @row-click="handleRowClick"
  :highlight-current-row="true"
  :current-row-key="selectedRow"
>

其中，row-click事件会在点击某一行时触发，handleRowClick方法会将当前行的id赋值给selectedRow变量。highlight-current-row属性用来设置是否高亮当前行，current-row-key属性则用来设置当前选中行的id。

3. 在handleRowClick方法中，将当前行的id赋值给selectedRow变量，代码如下所示：

methods: {
  handleRowClick(row) {
    this.selectedRow = row.id;
  }
}

这样，当你点击某一行时，就会触发handleRowClick方法，将当前行的id赋值给selectedRow变量。而el-table组件会根据current-row-key属性来高亮选中行，从而实现表格对应行的选中。

相关问题

Vue 通过后端传回的id让el-table表格对应行默认选中

好的，针对你的问题，你可以在Vue中通过绑定变量来实现el-table表格对应行默认选中。具体的操作步骤如下：

1. 在Vue的data中定义一个变量，比如叫做selectedRow，用来存储选中的行的id。

2. 在el-table组件的定义中，通过v-bind指令将selectedRow变量和当前行的id绑定起来。具体的代码如下所示：

<el-table
  :data="tableData"
  @row-click="handleRowClick"
  :highlight-current-row="true"
  :current-row-key="selectedRow"
>

其中，row-click事件会在点击某一行时触发，handleRowClick方法会将当前行的id赋值给selectedRow变量。highlight-current-row属性用来设置是否高亮当前行，current-row-key属性则用来设置当前选中行的id。

3. 在Vue的mounted生命周期钩子函数中，从后端获取默认选中的行的id，将其赋值给selectedRow变量即可。具体的代码如下所示：

mounted() {
  // 从后端获取默认选中的行的id
  const defaultSelectedRowId = someApi.getDefautSelectedRowId();
  // 将获取到的id赋值给selectedRow变量
  this.selectedRow = defaultSelectedRowId;
}

这样，当页面渲染完成后，el-table组件就会根据current-row-key属性来默认选中对应的行，从而实现表格对应行的默认选中。

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);

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