组件switch设置checked属性值不生效

示例代码

html


js

changeSwitchStatus(e) {
    if (e.checked) {
        // ……
        this.switch_is_checked = true;
    } else {
        // ……
        this.switch_is_checked = false;
    }
}

操作用例

  1. 当打开开关时,会执行changeSwitchStatus方法,若该方法内的处理逻辑出现了异常,没有执行修改switch_is_checked值的代码

  2. 接着,假设有个按钮(或某个逻辑),执行以下代码

switchClose() {
    console.log(this.switch_is_checked);
    this.switch_is_checked = false;
}

会发现开关状态,仍然是关闭的。因为switch_is_checked自始至终都未被修改过,再次设置为false,它还是false。不信的话,可以打个日志看下

P.S:细心一点就好啦!!!

你可能感兴趣的:(组件switch设置checked属性值不生效)