美文网首页
组件switch设置checked属性值不生效

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

作者: hongzhenw | 来源:发表于2022-08-04 18:54 被阅读0次

示例代码

html

<switch checked="{{ switch_is_checked }}" @change="changeSwitchStatus"></switch>

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:细心一点就好啦😂!!!

相关文章

  • 微信小程序radio组件注意点

    动态设置radio属性checked的值(也就是实现动态存储radio的值),设置this.setData({ch...

  • 新手 ant-d

    1.switch 组件可以通过checked 控制switch的选中(类似value的作用); 通过defaul...

  • uniapp, input样式height无效解决方案

    关于 input 组件设置高度不生效的问题:input 组件上有默认的 min-height 属性,要一起修改,如...

  • 解决Android Button 字母自动全部大写的问题

    方法(一):在 xml 布局中设置属性 android:textAllCaps="false"效果:单个组件生效...

  • react+antd 踩坑日记

    Switch 无法动态修改defaultChecked的属性值的办法 设置初始值为变量在 Form.Item 标签...

  • css2

    行业元素看起来设置padding值左右两边生效,上下两边是不生效的,虽然看起来生效 css属性继承: 1.什么是C...

  • 二、HTML DOM相关

    1、innerHTML :获取和设置文本内容。 2、全选/全不选/反选的练习 指定默认值:checked属性只要出...

  • prop与attr

    prop:那些只添加属性名称该属性就会产生效用的属性,如disabled,checked。如 prop只会返回tr...

  • react native switch 开关组件无法缩放问题

    switch 开关组件 switch 组件 ,通过style的width,height是无法设置组件大小,以下代码...

  • prop&attr

    checkbox 说明:多选框中的checked属性除非不写,不然不论赋什么值,还是不写值,都代表选中。 attr...

网友评论

      本文标题:组件switch设置checked属性值不生效

      本文链接:https://www.haomeiwen.com/subject/txwpwrtx.html