vue.js

关注公众号 jb51net

关闭
首页 > 网络编程 > JavaScript > javascript类库 > vue.js > vue el-table复选框

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

作者:半城风月-

这篇文章主要介绍了Vue el-table复选框全部勾选及勾选回显功能实现,本文通过示例代码给大家介绍的非常详细,感兴趣的朋友跟随小编一起看看吧

1、效果

2、代码

(1)表格

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

(2)默认全选

this.$refs.multipleTable.toggleAllSelection();

(3)回显

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

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

您可能感兴趣的文章:
阅读全文