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

场景分析:
进入页面编辑表格的时候,表格的多选框后台记住勾选的处于默认选中状态。
解决办法:
可以在后台返回数据之后调用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);
    }
  })
})

你可能感兴趣的:(element-ui)