elementUI——checkbox复选框监听不到change事件，通过watch监听来解决——基础积累

本文主要是介绍elementUI——checkbox复选框监听不到change事件，通过watch监听来解决——基础积累，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

今天在写后台管理系统的时候，遇到一个需求，就是要求监听复选框的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;}},
},

这篇关于elementUI——checkbox复选框监听不到change事件，通过watch监听来解决——基础积累的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---