还是cueb-ui全选反选的问题,求老师赐教
来源:2-2 目录介绍 & cube-ui 安装

大洋洋
2019-02-26
老师,还是那个全选反选的问题:
现在已经实现了 勾选所有的选项,全选选项自动勾选的功能:
全选:<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,在传回子组件的全选里,这样全选就自动选中
问题:现在无法实现 点击全选 让所有的选项选中,不知道该如何操作
写回答
2回答
-
ustbhuangyi
2019-03-02
看了一下,代码逻辑有点乱,你出现这个问题的原因是因为
当你取消掉一个的时候,触发了 all-check-box 的这个回调,修改了这个值,而你这个值又影响了每一个 checkbox,导致它们全部选择失败了。
我的建议是你先好好整理一下思路和逻辑,设计一下,再去重新实现这部分的代码喔00 -
ustbhuangyi
2019-02-27
你把你这些例子传到 GitHub 上吧,我抽空会看看
052019-03-02
相似问题