还是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

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

0
0

ustbhuangyi

2019-02-27

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

0
5
大洋洋
回复
ustbhuangyi
老师,您在全选的状态下,随便选择一个选项,所有的都变了。。。
2019-03-02
共5条回复

Vue.js2.5+cube-ui重构饿了么App(经典再升级)

掌握Vue1.0到2.0再到2.5最全版本应用与迭代,打造极致流畅的WebApp

9868 学习 · 4162 问题

查看课程