正常情况:
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();
},