在这里存在一个 多选框 后端返回值分别为1和0
- 1表示选中
- 0 表示非选中
在此我使用的是elementUI的el-checkbox组件
<el-checkbox v-model="form.has_spot_ticket_fine" ></el-checkbox>
但是后端无论是返回0还是1永远显示没有选中
后来发现在双向绑定过程中,若是绑定的是非boolean的数据,elementUI不会进行数据类型转换
,需要我们手动指定
true-label
: 选中文本false-label
:非选中文本
<el-checkbox
v-model="form.has_spot_ticket_fine"
:true-label="1"
:false-label="0"
></el-checkbox>
这样就可以实现 我们想要的结果了