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复选框内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

vue select 获取value和lable操作
这篇文章主要介绍了vue select 获取value和lable操作，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2020-08-08
尤雨溪开发vue dev server理解vite原理
这篇文章主要为大家介绍了尤雨溪开发的玩具vite，vue-dev-server来理解vite原理，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
2022-07-07
VantUI封装自定义Tabbar路由跳转的实现
本文主要介绍了VantUI封装自定义Tabbar路由跳转的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-05-05
vue2 如何实现div contenteditable=“true”(类似于v-model)的效果
这篇文章主要给大家介绍了利用vue2如何实现div contenteditable="true"，就是类似于v-model的效果，文中给出了两种解决的思路，对大家具有一定的参考价值，有需要的朋友们下面来一起看看吧。
2017-02-02
element ui 表格动态列显示空白bug 修复方法
今天小编就为大家分享一篇element ui 表格动态列显示空白bug 修复方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
2018-09-09
vue拖拽添加的简单实现
本文主要介绍了vue拖拽添加的简单实现，文中通过示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2021-12-12
vue大数据表格卡顿问题的完美解决方案
这篇文章主要给大家介绍了基于vue大数据表格卡顿问题的完美解决方案，文中通过示例代码介绍的非常详细，对大家学习或者使用vue具有一定的参考学习价值，需要的朋友们下面来一起学习学习吧
2019-03-03
详解Vue实现链接生成二维码并支持下载
在现代 Web 应用中,快速分享链接是一项常见需求,二维码作为一种简洁的分享方式,受到了广泛欢迎,所以本文将介绍如何使用 Vue 纯前端技术实现动态生成链接二维码的方法,需要的可以参考下
2024-03-03
解决vue中el-date-picker type=daterange日期不回显的问题
这篇文章主要介绍了解决vue中el-date-picker type=daterange日期不回显的问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
2022-10-10
Vue中this.$nextTick()方法的使用及代码示例
$nextTick()是Vue.js框架中的一个方法，它主要用于DOM操作，当我们修改Vue组件中的数据时，Vue.js会在下次事件循环前自动更新视图，并异步执行$nextTick()中的回调函数，本文主要介绍了Vue中this.$nextTick()方法的使用及代码示例,需要的朋友可以参考下
2023-05-05