您的当前位置:首页正文

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

2024-11-30 来源:个人技术集锦

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

可以通过watch来监听解决此问题。

比如上面的两个复选框值分别是:checked和cateChecked,可以通过监听每个值得变化,来控制另一个的取消。

watch: {
    cateChecked() {
        if (this.cateChecked && this.checked) {
            this.checked = false;
        }
    },
    checked() {
        if (this.cateChecked && this.checked) {
            this.cateChecked = false;
        }
    },
},
显示全文