59.解决elementUI表格勾选数据后切换每页几条后串行问题

前言：

项目里要求选择几条数据后，不论切换每页几条还是切换页数，选择的那几条数据不变，直到重新查询新的数据才不显示。

之前只做到切换页数和切换每页几条后，勾选几条数据没有取消，但发现勾选后获取的数组和数据左侧打对钩的数据不对应，串行了。

这是因为我监听表格数据变化时，拿自己设置的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)
                        }
                    })
                })
            })
        }
    }
}