Checkbox 多选框,在单独使用可以表示两种状态之间的切换。
在el-checkbox元素中定义v-model绑定变量,单一的checkbox中,默认绑定变量的值会是Boolean。
// `checked` 为 true 或 false
<el-checkbox v-model="checked">备选项</el-checkbox>
我们可以看到的是,绑定变量 checked 为 true 或 false。如果我们想将 true 或 false,转换为 1 或 0,或者 Y 或 N,那么如何实现呢?
Checkbox 属性支持一下内容:
- true-label:选中时的值
- false-label:没有选中时的值
<el-checkbox
v-model="formData.isSettleWhRent"
true-label="Y"
false-label="N"
/>