el-table调用方法出现toggleRowSelection is not a function？

Question

<el-table
  ref="multipleTable"
  :data="allDatas"
  @selection-change="handleSelectionChange"
>
getChildren(cur, data) {
  this.allDatas = JSON.parse(JSON.stringify(data))
  setTimeout(() => {
    this.$nextTick(() => {
      this.allDatas.forEach(row => {
        if (this.checkDatas.find(item => item.id === row.id)) {
          console.log(this.$refs.multipleTable)
          this.$refs.multipleTable.toggleRowSelection(row)
        }
      })
    })
  }, 2000);
},

Answer 1

感觉是调用时机的问题，el-table 还没有完成初始化，提供一个可复现的Demo？
或者可以考虑在 https://element-plus.run/ 或者 CodeSandBox 中制作一个在线Demo。

<template>
  <el-table
    ref="multipleTable"
    :data="tableData"
    tooltip-effect="dark"
    style="width: 100%"
    @selection-change="handleSelectionChange">
    <el-table-column
      type="selection"
      width="55">
    </el-table-column>
    <el-table-column
      label="日期"
      width="120">
      <template slot-scope="scope">{{ scope.row.date }}</template>
    </el-table-column>
    <el-table-column
      prop="name"
      label="姓名"
      width="120">
    </el-table-column>
    <el-table-column
      prop="address"
      label="地址"
      show-overflow-tooltip>
    </el-table-column>
  </el-table>
  <div style="margin-top: 20px">
    <el-button @click="toggleSelection([tableData[1], tableData[2]])">切换第二、第三行的选中状态</el-button>
    <el-button @click="toggleSelection()">取消选择</el-button>
  </div>
</template>

data() {
  return {
    tableData: [{
      date: '2016-05-03',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    }, {
      date: '2016-05-02',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    }, {
      date: '2016-05-04',
      name: '王小虎',
      address: '上海市普陀区金沙江路 1518 弄'
    }],
    multipleSelection: []
  }
},
mounted(){
  this.toggleSelection([this.tableData[1], this.tableData[2]])
},
methods: {
  toggleSelection(rows) {
    if (rows) {
      rows.forEach(row => {
        this.$refs.multipleTable.toggleRowSelection(row);
      });
    } else {
      this.$refs.multipleTable.clearSelection();
    }
  },
  handleSelectionChange(val) {
    this.multipleSelection = val;
  }
}