修改el-checkbox值的true or false 为nu

65c720c037ba12b777345be6a9cdc91.png

需求描述：如图，后端需要传回自动登录的rememberMe值为1（number类型）对应el-checkbox值true（自动登录）状态，rememberMe值为0（number类型）对应el-checkbox值false状态。

<el-checkbox :value="this.rememberMe === 1" v-bind:true-value="checka" v-bind:false-value="checkb" @change="changeRememberMe">30天内自动登录</el-checkbox>

在data中定义

data(){
  return {
      rememberMe:0,
      checka:1,
      checkb:0,
  }
}

 methods: {
    changeRememberMe(value){
      if(value) {
        this.rememberMe = this.checka;
        // console.log(this.rememberMe,'true');
      }else {
        this.rememberMe = this.checkb;
        // console.log(this.rememberMe,'false');
      }
    },
}

理论上，checkbox的值应该是boolean类型，true-value和false-value的意思是，用指定值替换选中使本来应该的true，反之亦然。
所以这个地方的意思是，当选中后，变量rememberMe的值不再是true，而是checka;当撤销选中后，变量rememberMe的值不再是false，而是checkb;