请稍等 ...
×

采纳答案成功!

向帮助你的同学说点啥吧!感谢那些助人为乐的人

还是cueb-ui全选反选的问题,求老师赐教

老师,还是那个全选反选的问题:
现在已经实现了 勾选所有的选项,全选选项自动勾选的功能:
全选:<cube-checkbox v-model=‘allchecked’> watch这个  allchecked 后 this.$emit('handleSelect',this.allchecked)
选项:v-for 出来的 <cube-checkbox v-model="checked"> watch这个  checked 后 this.$emit('handleSelect',this.checked)
在父组件中分别接收 传过来的 this.allchecked,this.checked
我把每次传过来的 this.checked 放入一个 checkedlsit:[]中,watcht他的长度,如果==数据的长度 就让 <all-checkbox label="全选" class="selectAll" :flag="allchecked" v-model="allchecked"> 中的 allchecked = true,在传回子组件的全选里,这样全选就自动选中

问题:现在无法实现 点击全选 让所有的选项选中,不知道该如何操作

正在回答 回答被采纳积分+3

2回答

ustbhuangyi 2019-03-02 23:07:53

看了一下,代码逻辑有点乱,你出现这个问题的原因是因为
https://img1.sycdn.imooc.com//szimg/5c7a9c03000134a709860244.jpg
当你取消掉一个的时候,触发了 all-check-box 的这个回调,修改了这个值,而你这个值又影响了每一个 checkbox,导致它们全部选择失败了。
我的建议是你先好好整理一下思路和逻辑,设计一下,再去重新实现这部分的代码喔

0 回复 有任何疑惑可以回复我~
ustbhuangyi 2019-02-27 09:08:34

你把你这些例子传到 GitHub 上吧,我抽空会看看

0 回复 有任何疑惑可以回复我~
  • 提问者 大洋洋 #1
    我的github账号:zby900807
    回复 有任何疑惑可以回复我~ 2019-03-01 01:58:56
  • 提问者 大洋洋 #2
    老师,可以加您github吗,我把您加到协作者里
    回复 有任何疑惑可以回复我~ 2019-03-01 02:01:31
  • 提问者 大洋洋 #3
    https://github.com/zby900807/shop/invitations  老师,我拉您了
    回复 有任何疑惑可以回复我~ 2019-03-01 23:35:50
问题已解决,确定采纳
还有疑问,暂不采纳
意见反馈 帮助中心 APP下载
官方微信