vue2 table勾选回显

在Vue2中，如果你想要实现table的勾选回显，可以使用`toggleRowSelection`方法和`clearSelection`方法来实现。在你提供的代码中，`toggleSelection`方法中使用了`this.$refs.multipleTable.toggleRowSelection(\[{id:0}, {id:1}\])`来切换选中状态。这里的`multipleTable`是通过`ref`属性指定的表格的引用名。`toggleRowSelection`方法接受一个包含要切换选中状态的行的数据的数组作为参数。在这个例子中，`\[{id:0}, {id:1}\]`表示要切换id为0和1的行的选中状态。如果你想要清除所有的选中状态，可以使用`this.$refs.multipleTable.clearSelection()`。这样就可以实现table的勾选回显了。\[2\]

另外，你提到在你的公司项目中，是根据接口数据渲染完成后才进行操作，并且使用了`key1`来回显多选框。但是在这个练习项目中，你发现需要使用`key2`才能显示出来。这可能是因为在不同的项目中，数据的结构和命名可能有所不同，所以需要根据具体情况来确定使用哪个属性来回显多选框。\[3\]
#### 引用[.reference_title]
- *1* [Vue + element-ui 分页回显、勾选回显](https://blog.csdn.net/YourNikee/article/details/102543311)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
- *2* *3* [[Vue] el-table多选框中回显问题](https://blog.csdn.net/m0_63834711/article/details/126865182)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control,239^v3^insert_chatgpt"}} ] [.reference_item]
[ .reference_list ]