当前位置: 首页 > news >正文

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。

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

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

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

相关文章:

  • 北京网站建设多少钱?
  • 辽宁网页制作哪家好_网站建设
  • 高端品牌网站建设_汉中网站制作
  • Mac安装Hoomebrew与升级Python版本
  • 高可用高并发常见问题以及答案
  • easyExcel
  • Java | Leetcode Java题解之第260题只出现一次的数字III
  • ELK日志收集之多文件提取文件名和日志时间
  • vue侦听器(Watch)精彩案例剖析二
  • 如何实现Web服务只允许特定客户端访问
  • 【Java 数据结构】ArrayList类介绍
  • thinkphp8结合layui2.9 图片上传验证
  • LeetCode-day24-2766. 重新放置石块
  • AV1技术学习:Constrained Directional Enhancement Filter
  • 免费【2024】springboot 趵突泉景区的智慧导游小程序
  • 解决 Android 应用安装错误:INSTALL_FAILED_BAD_PERMISSION_GROUP
  • 网络安全常用易混术语定义与解读(Top 20)
  • Unity 批处理详讲(含URP)
  • 《Javascript数据结构和算法》笔记-「字典和散列表」
  • 《Java编程思想》读书笔记-对象导论
  • Akka系列(七):Actor持久化之Akka persistence
  • Apache Zeppelin在Apache Trafodion上的可视化
  • javascript 哈希表
  • Javascript设计模式学习之Observer(观察者)模式
  • JavaScript中的对象个人分享
  • JS数组方法汇总
  • spring学习第二天
  • thinkphp5.1 easywechat4 微信第三方开放平台
  • underscore源码剖析之整体架构
  • 不上全站https的网站你们就等着被恶心死吧
  • 给github项目添加CI badge
  • 开发了一款写作软件(OSX,Windows),附带Electron开发指南
  • 类orAPI - 收藏集 - 掘金
  • 浏览器缓存机制分析
  • 手机app有了短信验证码还有没必要有图片验证码?
  • 微信如何实现自动跳转到用其他浏览器打开指定页面下载APP
  • 要让cordova项目适配iphoneX + ios11.4,总共要几步?三步
  • 移动端 h5开发相关内容总结(三)
  • 中国人寿如何基于容器搭建金融PaaS云平台
  • 06-01 点餐小程序前台界面搭建
  • (2024,Vision-LSTM,ViL,xLSTM,ViT,ViM,双向扫描)xLSTM 作为通用视觉骨干
  • (C语言)fgets与fputs函数详解
  • (附源码)ssm本科教学合格评估管理系统 毕业设计 180916
  • (三)Hyperledger Fabric 1.1安装部署-chaincode测试
  • (十八)SpringBoot之发送QQ邮件
  • (十七)devops持续集成开发——使用jenkins流水线pipeline方式发布一个微服务项目
  • (转)【Hibernate总结系列】使用举例
  • (转)Google的Objective-C编码规范
  • .net 4.0发布后不能正常显示图片问题
  • .Net CF下精确的计时器
  • .NET Core中Emit的使用
  • .net web项目 调用webService
  • .NET/C# 反射的的性能数据,以及高性能开发建议(反射获取 Attribute 和反射调用方法)
  • .NET/C# 将一个命令行参数字符串转换为命令行参数数组 args
  • .net和php怎么连接,php和apache之间如何连接
  • .net开发时的诡异问题,button的onclick事件无效
  • .net快速开发框架源码分享
  • [<死锁专题>]