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

作者：从前慢现在也慢 | 2024-02-19 10:56:50

踩

elementui表格多选默认勾选

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

————————————————
版权声明：本文为CSDN博主「明月松江」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。
原文链接：https://blog.csdn.net/u010007013/article/details/97828405

声明：本文内容由网友自发贡献，不代表【wpsshop博客】立场，版权归原作者所有，本站不承担相应法律责任。如您发现有侵权的内容，请联系我们。转载请注明出处：https://www.wpsshop.cn/w/从前慢现在也慢/article/detail/114284?site