今天遇到一个表格选择默认的问题,表格当前页没有值,但是默认还是选中的,这个时候想要删除表格选择:
this.$nextTick(()=>{
this.$refs.multipleTable.selection.forEach((select,index)=>{
if(select.id === this.selectedTableData[data].id){
this.$refs.multipleTable.toggleRowSelection(select,false);
}
})
})
要点1,加this.$nextTick(()=>{});
要点2,选择的值要从table的selection中取,应该key的变化问题。
由于篇幅较短,再加一点之前踩的坑记录:
仅对 type=selection 的列有效,类型为 Boolean,为 true 则会在数据更新之后保留之前选中的数据(需指定 row-key)
:row-key="getRowKeys"
//多选时需要 getRowKeys(row) { return row.id; },
这种翻页之类的多选就会保留数据。
再说一个想要清空表格的所有选择:
this.$refs.multipleTable.clearSelection()
还有全选表格行:
this.$refs.multipleTable.toggleAllSelection()
后面遇到再做补充……