使用vue分组select-all实现

Question

在这个demo中，我想实现当选择所有子复选框时，选择最接近的父复选框。选择父复选框时，将选中其所有子复选框。

在这个场景中，我使用 ... [INFO] INFO: Uploading [/home/steven/work/idigisign/target/appengine-staging/__static__/node_modules/rx/src/core/linq/observable/when.js] to [7dfb30ad32893c5042dba03601f006a40419fab0] [INFO] DEBUG: Uploading [/home/steven/work/idigisign/target/appengine-staging/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js] to [7e0725897d7b99c3c33b56915d202e2dde552ea9] [INFO] INFO: Uploading [/home/steven/work/idigisign/target/appengine-staging/assets/global/plugins/bootstrap-switch/js/bootstrap-switch.min.js] to [7e0725897d7b99c3c33b56915d202e2dde552ea9] [INFO] DEBUG: Uploading [/home/steven/work/idigisign/target/appengine-staging/node_modules/is-redirect/index.js] to [7e0afe4775bf7f8558665760171c01948c22f771] [INFO] INFO: Uploading [/home/steven/work/idigisign/target/appengine-staging/node_modules/is-redirect/index.js] to [7e0afe4775bf7f8558665760171c01948c22f771] [INFO] DEBUG: Uploading [/home/steven/work/idigisign/target/appengine-staging/node_modules/rxjs/src/util/Map.ts] to [7e11722f4cd9ce91ec99b97710fbc4e7f40be09d] ... 和bind子复选框初始化所有子复选框状态，而父复选框的模型与false属性绑定。在我的选项中，此案例只是一个computed场景，不需要computed或watch。

但是当我尝试编写代码时，我发现当我选择父复选框时methods函数什么都不做。我检查了文档，一些演示，但没有发现如何实现set案例。

ps：菜单＆＃39;密钥长度是动态的。

希望我能清楚地解释我的问题。

Answer 1

使用计算属性绑定父复选框，以便在所有子复选框都为真时它将变为true。

在父复选框的更改中添加事件处理程序，每当它发生更改时，子状态的状态也会发生变化。