现象描述：
将用户勾选的内容添加到表格，当页面还未关闭时，选项还是正常勾选，但是只要退出该页面，再进来就会发现勾选被取消了
需求描述：
已选择项默认勾选，且表格内容更改，勾选项也同步更改文章来源：https://www.toymoban.com/news/detail-628661.html
<el-table :data="testItemList" ref="testItemLists" :header-cell-style="{ background: '#f4f3f9', color: '#606266' }" @selection-change="handleTestItem">
<el-table-column prop="is_selected" type="selection" width="55" label="全选"></el-table-column>
<el-table-column type="index" label="序号" :index="(index) => { return (index + 1) }"></el-table-column>
<el-table-column prop="kind_name" label="名称"></el-table-column>
</el-table>
toggleSelectionItem() { // 在获取testItemList后 执行该函数
let match_ids = this.testItemList.map(item => item._id); // 获取选择项
let testItemInfo = this.testItemInfo || []; // 获取所有项
let match_row = testItemInfo.filter(item => {
return match_ids.indexOf(item._id) != -1
})
this.$nextTick(() => {
this.$refs.testItemLists.clearSelection();
match_row.forEach(row => {
this.$refs.testItemLists.toggleRowSelection(row);
})
})
},
效果如下：
文章来源地址https://www.toymoban.com/news/detail-628661.html
到了这里，关于el-table select 多选框如何实现选中数据回显的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
