element-UI表格中多选框回显默认选中

首先看一下官方文档的介绍

从官方提供的（切换第二行，第三行选中的状态）按钮可以看出；

是通过 this.$refs.multipleTable.toggleRowSelection(row); 此行代码进行的实现，其中row这个参数表示的是一行数据对象。

这里要重点注意，我的代码中的 this.tableDateitems 就是所有展示出来的可供勾选的列表。

如果不是循环的列表数据，就算是一模一样的对象，也不可被选中，必须是循环的列表数据。

然后就可以在想要回显的生命周期里进行选中。

这里给出一个我在项目编写中遇到的场景

 这里我点击编辑按钮

需要展示所有检查项数据，并且默认选中组内所包含的项数据。

具体实现的方法是：

当我点击编辑按钮时，需要去后台请求所有的数据，代码如下

 这里的this.tabelDateitems是所有的项的数据，在表格中进行循环展示，想要选中必须是this.tabelDateitems里有的数据，就算是一模一样的数据对象，如果不是this.tabelDateitems中的，就不可以被选中，此时可以进行选中逻辑：

this.tabelDateitems循环套项id数组的循环（这里的id是数据库表的主键），如果他们id相同就调用  this.$refs.multipleTable.toggleRowSelection(row,true),参数传true意为选中。

关于toggleRowSelection报错提示undefined

有两个原因导致：

1.生命周期不对

要先有数据才能调方法，如果生命周期导致数据比toggleRowSelection方法后加载，就会报错

2.row中的数据内容不完整

这里，比如某一个数据(项目编码不能正常显示，为空白)那就是数据内容不完整导致的报错，先解决所有的回显问题，解决后就不会报错了。