当前位置: 首页> 科技> 数码 > iview中Checkbox组件设置不勾选是0,勾选是1

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

时间:2025/7/9 7:09:08来源:https://blog.csdn.net/wangshuai13383347132/article/details/140554561 浏览次数:3次

正常情况:

<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();},
关键字:iview中Checkbox组件设置不勾选是0,勾选是1

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com

责任编辑: