element-ui中的checkbox只有一个值得时候定义0为未选择1为选中

重点

重点是要添加这2个配置即可。如果后端返回的为number,记得是写成:true-label="1" :false-label="0"才会生效。

<template>
  <div>
  	checked:{{checked}}
     <el-checkbox true-label="1" false-label="0" v-model="checked">备选项</el-checkbox>
  </div>
</template>
<script>
  export default {
    data() {
      return {
        checked: "1"
      };
    }
  };
</script>

我的是string类型，以上代码展示效果如下：