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

正常情况:

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

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

javascript 复制代码
 data: function () {
    return {
      data: {
        blow: "0",
      },
    };
  }

特殊情况:

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

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

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

javascript 复制代码
 <Checkbox
   v-model="data.further_analysis"
   true-value="1"
   false-value="0"
   @on-change="changeFurtherAnalysis"
 >
   <span>是否再次分析</span>
 </Checkbox>
javascript 复制代码
    changeFurtherAnalysis() {
      // 强制组件重新渲染
      this.$forceUpdate();
    },
相关推荐
袁亦袁3 个月前
通过属性透传,iview Table组件实现自适应高度
javascript·vue.js·iview
路遥努力吧3 个月前
第六十七:iview的select组件在页面上,下拉数据被遮挡
javascript·vue.js·iview
Swift社区5 个月前
掌握 Swift 中的 reduce 操作符,使你的代码更高效
ios·swift·iview
蚂小蚁5 个月前
一个惨痛的教训教你Vue后台技术选型
vue.js·element·iview
丰的传说5 个月前
iview中基于upload源代码组件封装更为完善的上传组件
javascript·vue·upload·iview·view design
川江10 个月前
iview select组件在大数据情况下虚拟加载处理方式
vue·iview·view design
Swift社区10 个月前
在 SwiftUI 中 accessibilityChildren 视图修饰符的作用
ios·swiftui·iview
小白白猪10 个月前
10分钟带你实现一个网抑云的音乐播放动效~
android·前端·iview
会做梦的辣条鱼1 年前
vue+iView 动态侧边栏菜单保持高亮选中
前端·vue.js·iview·view design·menu·sider·动态菜单