vue elementui el-table 多选 回显
// tableData是所有的数据// checkl是需要选中的数据// id是每条数据的唯一值this.tableData.forEach(row => {this.checkl?.forEach(rows => {if (row.id === rows.id) {this.$refs.multipleTable.toggleRowSelection(row, true)}})})
·
// tableData是所有的数据
// checkl是需要选中的数据
// id是每条数据的唯一值
this.tableData.forEach(row => {
this.checkl?.forEach(rows => {
if (row.id === rows.id) {
this.$refs.multipleTable.toggleRowSelection(row, true)
}
})
})
如果要实现分页多选,保持数据的选中状态
给el-table组件添加::row-key="getRowKeys"
全选框添加: :reserve-selection="true"
在method中添加:
getRowKeys(row){
return row.id
}
完成后需要清空选中的:this.$refs.table.clearSelection()
更多推荐
已为社区贡献5条内容
所有评论(0)