前言:
项目里要求选择几条数据后,不论切换每页几条还是切换页数,选择的那几条数据不变,直到重新查询新的数据才不显示。
之前只做到切换页数和切换每页几条后,勾选几条数据没有取消,但发现勾选后获取的数组和数据左侧打对钩的数据不对应,串行了。
这是因为我监听表格数据变化时,拿自己设置的ids做比较了,一旦切换每页几条或更改页数后,ids就会变化,不是唯一的,但每条数据的id是唯一的,所以把判断依据改成id就对了,代码如下:
watch:{
tableData:{
handler(value){
const that = this
that.$nextTick(() =>{
that.batchDeleteArr.forEach(row =>{
that.tableData.forEach((item,index) =>{
if(row.id == item.id){
that.$refs.multipleTable.toggleRowSelection(
that.tableData[index],true)
}
})
})
})
}
}
}