el-checkbox修改选中和未选中的值

由于在checkbox选中的时候,默认的是为true和false。

后端定义的绑定字段不是为布尔值,而是为0,1

解决办法

html 复制代码
<el-checkbox 
	v-model="model.status" 
	:true-label="1" 
	:false-label="0">
</el-checkbox>

<!--true-label 代表选中  
	 true-label="1"这个表示的绑定字符串的1
	:true-label="1"这个表示绑定的为数字的1
	-->
<!--false-label 未选中
	 true-label="0"这个表示的绑定字符串的0
	:true-label="0"这个表示绑定的为数字的0
-->
相关推荐
xiao-xiang14 分钟前
jenkins-通过api获取所有job及最新build信息
前端·servlet·jenkins
C语言魔术师31 分钟前
【小游戏篇】三子棋游戏
前端·算法·游戏
小周不摆烂36 分钟前
探索JavaScript前端开发:开启交互之门的神奇钥匙(二)
javascript
匹马夕阳2 小时前
Vue 3中导航守卫(Navigation Guard)结合Axios实现token认证机制
前端·javascript·vue.js
你熬夜了吗?2 小时前
日历热力图,月度数据可视化图表(日活跃图、格子图)vue组件
前端·vue.js·信息可视化
我想学LINUX3 小时前
【2024年华为OD机试】 (A卷,100分)- 微服务的集成测试(JavaScript&Java & Python&C/C++)
java·c语言·javascript·python·华为od·微服务·集成测试
screct_demo3 小时前
詳細講一下在RN(ReactNative)中,6個比較常用的組件以及詳細的用法
javascript·react native·react.js
桂月二二8 小时前
探索前端开发中的 Web Vitals —— 提升用户体验的关键技术
前端·ux
CodeClimb9 小时前
【华为OD-E卷 - 第k个排列 100分(python、java、c++、js、c)】
java·javascript·c++·python·华为od
沈梦研9 小时前
【Vscode】Vscode不能执行vue脚本的原因及解决方法
ide·vue.js·vscode