在使用Element UI的el-table组件时，如何解决“toggleRowSelection is not a function”的错误？

<template>
  <el-table :data="tableData" ref="multipleTable" style="width: 100%" @selection-change="handleSelectionChange">
    <el-table-column type="selection" width="55"></el-table-column>
    <!-- ... other columns ... -->
  </el-table>
</template>

<script>
export default {
  data() {
    return {
      tableData: [ /* your table data */ ],
      multipleSelection: []
    };
  },
  mounted() {
    this.$nextTick(() => {
      // 确保在 nextTick 回调中执行，以确保组件已渲染完成
      this.selectRows(this.rowsToSelect); //调用自定义函数，选择指定的行
    });
  },
  methods: {
    selectRows(rows) {
      if (rows && this.$refs.multipleTable) {
        rows.forEach(row => {
          this.$refs.multipleTable.toggleRowSelection(row);
        });
      }
    },
    handleSelectionChange(selection) {
      this.multipleSelection = selection;
    }
  }
};
</script>

<template>
  <!-- ... -->
  <el-button @click="selectRows">选择行</el-button>
  <!-- ... -->
</template>

<script>
// ... (data() 方法同方法一) ...

methods: {
  selectRows() {
    this.$nextTick(() => {
      if (this.$refs.multipleTable) {
        this.rowsToSelect.forEach(row => {
          this.$refs.multipleTable.toggleRowSelection(row);
        });
      }
    });
  }
}
</script>