Vue element-ui的table表格的多选框默认选中

https://blog.csdn.net/u010007013/article/details/97828405?utm_medium=distribute.pc_relevant.none-task-blog-baidujs-2

场景分析：
进入页面编辑表格的时候，表格的多选框后台记住勾选的处于默认选中状态。
解决办法：
可以在后台返回数据之后调用table的toggleRowSelection方法来实现默认勾选
代码如下：

data(){
  return{
    listData:[],//当前的table的数据
    hasSelectList:[],//已经选择的id组成的数组
  }
}

this.$nextTick(()=>{
  this.listData.forEach(row => {
    if(this.hasSelectList.indexOf(row.id) >= 0){
      this.$refs.dataTable.toggleRowSelection(row,true);
    }
  })
})