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
-->
相关推荐
ssshooter7 分钟前
Promise 和 async/await 被 try-catch 包裹时的行为差异
前端·javascript·面试
肖志-AI全栈12 分钟前
从零讲透 Ajax:XHR、Fetch、JSON 序列化到异步编程全链路
前端·ajax·json
yyt36304584115 分钟前
KlineChartQuant Tooltip 高频交互 200FPS 性能优化完整复盘
前端·经验分享·性能优化·typescript·vue·交互·chrome devtools
2601_9637713744 分钟前
WordPress SEO Guide: Boost Rankings Without Technical Jargon
前端·php
李顿波1 小时前
Chrome 扩展程序 MV3 架构组件概览
前端·chrome·浏览器插件
KingCodeHan1 小时前
ESLint 完全指南:从入门到精通
前端
katiua1 小时前
Vue-i18n TypeScript 补全提示
vue.js
GHL2842710901 小时前
安装chrome浏览器
前端·chrome
Fuzio1 小时前
用 Spring Boot + Vue + Fuzio 构建现代 Java 桌面应用
vue.js·spring boot
kisshyshy1 小时前
从0到1彻底理解流式输出:先读懂Vue的“乐高积木”,再拧开LLM的“数据水龙头”
javascript·vue.js·人工智能