el-table toggleRowSelection默认多选事件无法选中问题

78 阅读1分钟
  • 解决方式
// 这里通过循环选中列表multipleSelection,然后从所有列表tableData中找到需要选中的项来帮助选中,直接使用选中列表来设置可能会出错
toggleSelection(rows) {
// multipleSelection是一个选中数据列表`
// tableData 是所有的数据列表`
    this.multipleSelection.forEach(row => {
    // 不能自己自定义对象来设置选中(原因如下分析),那我可以从列表中找到需要选中的那个对象,然后把它拿过来作为选中的项就可以了
    this.$refs.multipleTable.toggleRowSelection(``this``.tableData.find(item=>{`
        return row.name == item.name;   // 注意这里寻找的字段要唯一,示例仅参考
    }),true);
    });
}
  • 问题: 官方上面的代码能实现回显但是我在程序中操作的时候会出现下面这种情况 image.png

  • 后面在脚本之家上面找到解决方式(www.jb51.net/javascript/…), 我这边也记录一下问题和解决方式