elementUI_checkbox_选中值只能为boolean值?

在这里存在一个 多选框 后端返回值分别为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>

这样就可以实现 我们想要的结果了

猜你喜欢

转载自blog.csdn.net/qq_43260366/article/details/129428916