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();
},
原文地址:https://blog.csdn.net/wangshuai13383347132/article/details/140554561
免责声明:本站文章内容转载自网络资源,如本站内容侵犯了原著者的合法权益,可联系本站删除。更多内容请关注自学内容网(zxcms.com)!