脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript类库 → vue.js → vue el-table复选框

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

 更新时间：2024年05月13日 16:34:20   作者：半城风月-  
这篇文章主要介绍了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复选框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

最新评论