el-table回显已选中的数据

在Element UI的表格组件`el-table`中，实现回显已选中的数据通常涉及双向绑定和数据操作。以下是步骤：

1. **数据结构准备**：首先，你需要定义一个包含状态（比如一个数组来表示选中的行）的数据模型。例如：

data() {
  return {
    selectedRows: [], // 初始时可能为空
    // 其他表的数据...
  }
}

2. **v-model绑定**：在表头的复选框上使用`v-model`绑定到`selectedRows`，这样用户的勾选行为会实时同步到数据模型：

<el-table-column type="selection" v-model="selectedRows">
  <template slot-scope="scope">
    <el-checkbox :value="scope.$index"></el-checkbox>
  </template>
</el-table-column>

3. **回显数据**：在获取已有数据时，检查并设置对应行的选中状态。假设你有一个`rows`数组：

this.rows.forEach((row, index) => {
  if (row.id === // 从服务器或存储中获取的已选中项ID) {
    this.selectedRows.push(index);
  }
})

4. **响应式更新**：当你对`selectedRows`进行修改时，`v-model`会自动触发渲染，显示相应的选中状态。