今天在写后台管理系统的时候,遇到一个需求,就是要求监听复选框的change事件,场景就是:两个复选框互斥,且可以取消勾选。

就是这两个复选框可以同时都不勾选,如果勾选的话,另一个一定要取消勾选。

通过checkbox组件的change事件,是无法触发的。
可以通过watch来监听解决此问题。
比如上面的两个复选框值分别是:checked和cateChecked,可以通过监听每个值得变化,来控制另一个的取消。
watch: {
cateChecked() {
if (this.cateChecked && this.checked) {
this.checked = false;
}
},
checked() {
if (this.cateChecked && this.checked) {
this.cateChecked = false;
}
},
},










![[Hive]五、Hive 源码编译](https://i-blog.csdnimg.cn/direct/1b82ef5360c74109950d8954c08d927e.png)






