Vue   发布时间:2022-04-21  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了vue实现全选、反选功能大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

用vue写业务代码时候,后端大神丢给我一堆数据,要求是做全选,反选功能,然后把用户更改的数据全部返回给他

基本思路

如果父级选中了,那么父级下面的子集全部选中checked=true;

如果子集中选中了@L_616_3@,那么父级应该被勾选中

如果子集@L_616_3@都没有选中,那么父级此时应该没有选中

最后提交用户改变后的数组

(大神原谅我的啰嗦哈)

开始上代码



  Meta charset="UTF-8">
  Meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
  Meta name="viewport" content="width=device-width,initial-scale=1.0,user-scalable=no">
  Document
  


  @H_675_31@
  

{{item.namE}} @H_607_40@
  • {{s.namE}}

    大佬总结

    以上是大佬教程为你收集整理的vue实现全选、反选功能全部内容,希望文章能够帮你解决vue实现全选、反选功能所遇到的程序开发问题。

    如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

    本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
    如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。