Vue el-table复选框全部勾选及勾选回显功能实现

醊拥孤独

1、效果

2、代码


（1）表格

1. <el-table ref="multipleTable"></el-table>

复制代码

（2）默认全选

1. this.$refs.multipleTable.toggleAllSelection();

复制代码

（3）回显

1. data.forEach(item => {
   
2.    if(item.isSelect){  //         根据后端返回是否勾选的字段判断是否勾选
   
3.      this.$nextTick(() => {
   
4.          this.$refs.multipleTable.toggleRowSelection(item)
   
5.      })
   
6.    }
   
7. })

复制代码

到此这篇关于VUE el-table复选框全部勾选以及勾选回显的文章就介绍到这了,更多相关vue el-table复选框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

来源:https://www.jb51.net/javascript/321061220.htm
免责声明：由于采集信息均来自互联网，如果侵犯了您的权益，请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容，谢谢合作！