ElementUI的表格设置勾选toggleRowSelection

ElementUI的表格组件提供了toggleRowSelection方法，用于切换某一行的选中状态。你可以通过该方法编程式地控制行的选中状态。

以下是一个简单的例子，展示如何使用toggleRowSelection方法：

<template>
  <el-table
    :data="tableData"
    ref="multipleTable"
    @selection-change="handleSelectionChange">
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>
    <el-table-column
      prop="date"
      label="日期"
      width="120">
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <!-- 其他列 -->
  </el-table>
  <el-button @click="toggleSelection(tableData[1])">切换第二行选中状态</el-button>
</template>
 
<script>
export default {
  data() {
    return {
      tableData: [{
        date: '2016-05-02',
        name: '王小虎',
        // 其他数据
      }, {
        date: '2016-05-04',
        name: '李小虎',
        // 其他数据
      }, /* 更多数据 */],
    };
  },
  methods: {
    handleSelectionChange(selection) {
      // 处理选中项变化
      console.log(selection);
    },
    toggleSelection(row) {
      // 根据 row 的值，切换该行的选中状态
      this.$refs.multipleTable.toggleRowSelection(row);
    },
  },
};
</script>

在这个例子中，我们定义了一个表格和一个按钮。表格绑定了selection-change事件来监听选中项的变化，按钮点击时调用toggleSelection方法，该方法使用this.$refs.multipleTable.toggleRowSelection(row)来切换指定行的选中状态。