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
-->
相关推荐
前端一课2 分钟前
第 33 题:Vue3 v-model 原理(语法糖 → props + emit → modelValue → update:modelValue)
前端·面试
前端一课7 分钟前
第 25 题:说一下 Vue3 的 keep-alive 原理?缓存是怎么做的?
前端·面试
前端一课9 分钟前
第 30 题:Vue3 自定义渲染器(Custom Renderer)原理- 为什么 Vue 能渲染到 DOM / Canvas / WebGL / 三方平台
前端·面试
前端一课9 分钟前
【vue高频面试题】第 23 题:Vue3 自定义指令(directive)完整解析
前端·面试
前端一课10 分钟前
第 28 题:Vue3 的 Diff 算法核心原理(双端 Diff、PatchFlags、Block Tree、静态提升)
前端·面试
前端一课11 分钟前
【vue高频面试题】第 21 题:Vue3 中的 Slot(插槽)— 基础、原理、使用场景、面试必问点
前端·面试
前端一课12 分钟前
第 24 题:Vue3 的组件通信方式(props / emit / v-model / provide-inject / expose / eventBus
前端·面试
前端一课12 分钟前
第 22 题:Teleport 的作用、原理和使用场景
前端·面试
前端一课12 分钟前
第 29 题:Vue3 的 Teleport 原理(跨层级 DOM 挂载技术)
前端·面试
国服第二切图仔12 分钟前
Electron for鸿蒙pc项目实战之下拉菜单组件
javascript·electron·harmonyos·鸿蒙pc