下面我就为大家分享一篇vue 全选与反选的实现方法(无bug 新手看过来)，具有很好的参考价值，希望对大家有所帮助。
我就废话不多说，直接上代码吧！
nbsp;html>Document
登录后复制 {{item.name}} var vm = new Vue({el : “#app”,data : {proData: [ { “name”: “张三”}, { “name”: “李四”}, { “name”: “王五”}, { “name”: “赵六”}], selectArr: [], checked : false},watch : { selectArr(curVal){ if(curVal.length == this.proData.length){ this.checked = true }else{ this.checked = false } } }, methods: { selectAll(event){ if (!event.currentTarget.checked) { this.selectArr = []; } else { //实现全选 this.selectArr = []; this.proData.forEach((item, i) =>{ this.selectArr.push(i); }); } } }})
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
在vue组件中如何实现全局注册和局部注册
立即学习“前端免费学习笔记（深入）”；
在vue组件中如何实现全局注册和局部注册
立即学习“前端免费学习笔记（深入）”；
在vue组件中如何实现全局注册和局部注册
立即学习“前端免费学习笔记（深入）”；
以上就是vue中全选与反选的详细内容，更多请关注【创想鸟】其它相关文章！
版权声明：本文内容由互联网用户自发贡献，该文观点仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容， 请发送邮件至253000106@qq.com举报，一经查实，本站将立刻删除。
发布者：PHP中文网，转转请注明出处：https://www.chuangxiangniao.com/p/3188150.html
