iview中Checkbox组件设置不勾选是0,勾选是1

正常情况:

<Checkbox v-model="data.blow" true-value="1" false-value="0">
  <span>是否易燃易爆</span>
</Checkbox>

vue的data中,将Checkbox绑定的初始值设置成0。

 data: function () {
    return {
      data: {
        blow: "0",
      },
    };
  }

特殊情况:
如果v-model绑定的是值是下划线的,Checkbox多选框选中后,是不更新v-model数据的,感觉是bug。

<Checkbox
  v-model="data.further_analysis"
  true-value="1"
  false-value="0"
>
<span>是否再次分析</span>
</Checkbox>

解决办法:增加on-change事件,强制组件重新渲染。

 <Checkbox
   v-model="data.further_analysis"
   true-value="1"
   false-value="0"
   @on-change="changeFurtherAnalysis"
 >
   <span>是否再次分析</span>
 </Checkbox>
    changeFurtherAnalysis() {
      // 强制组件重新渲染
      this.$forceUpdate();
    },

最近更新

  1. docker php8.1+nginx base 镜像 dockerfile 配置

    2024-07-23 00:26:01       52 阅读
  2. Could not load dynamic library ‘cudart64_100.dll‘

    2024-07-23 00:26:01       54 阅读
  3. 在Django里面运行非项目文件

    2024-07-23 00:26:01       45 阅读
  4. Python语言-面向对象

    2024-07-23 00:26:01       55 阅读

热门阅读

  1. 数学基础 -- 导数伪装的极限之变量替换

    2024-07-23 00:26:01       11 阅读
  2. 2024.7.20-22学习日报

    2024-07-23 00:26:01       10 阅读
  3. Linux-查看dd命令进度

    2024-07-23 00:26:01       15 阅读
  4. 【Android Framewrok】Handler源码解析

    2024-07-23 00:26:01       13 阅读
  5. PCI总线域与处理器域

    2024-07-23 00:26:01       13 阅读
  6. 代码随想录 day 20 二叉树

    2024-07-23 00:26:01       16 阅读
  7. 学懂C语言系列(二):C程序结构

    2024-07-23 00:26:01       18 阅读
  8. StringBuilder类

    2024-07-23 00:26:01       11 阅读
  9. thinkphp6连接kingbase数据库

    2024-07-23 00:26:01       11 阅读
  10. 压缩Mojo模型:轻装上阵的机器学习模型

    2024-07-23 00:26:01       15 阅读
  11. C++11 智能指针之shared_from_this

    2024-07-23 00:26:01       15 阅读