如何使用JavaScript控制el-table的选中状态？

在Element UI (`el-table`) 中，如果你想要更精细地控制表格行的选中状态，可以使用 `v-model` 绑定一个数组来管理选中行，以及处理 `@selection-change` 事件。以下是步骤：

1. 首先，在你的Vue组件数据中创建一个空数组来存储选中的行，比如：

data() {
  return {
    selectedRows: [] // 存储选中的行
  };
},

2. 将`v-model`绑定到这个数组上，这样每次选中或取消选中都会自动更新数据：

<el-table :selection="selectedRows" ...>...</el-table>

3. 添加 `@selection-change` 事件处理器，它会在选中行发生变化时触发，你可以在这里获取新的选中状态：

<el-table @selection-change="handleSelectionChange"></el-table>

methods: {
  handleSelectionChange(newSelectedRows) {
    this.selectedRows = newSelectedRows;
    // 在这里可以根据需求进一步操作，比如保存选中数据到服务器或其他地方
  }
}

4. 如果你想手动控制某个行的选中状态，可以使用 `toggleRowSelection` 方法，传入行的索引或者行对象：

this.$refs.table.toggleRowSelection(indexOrRow); // 选中指定行

5. 如果需要禁用某些列的默认点击选中，可以在`<el-table-column>`中添加`index`属性，这样就不会响应点击事件：

<el-table-column index></el-column>