Element-ui el-checkbox selection style problem

<el-checkbox-group  v-model="prop.newItem" :max="1">
     <el-checkbox true-label="1" false-label="0"></el-checkbox>
</el-checkbox-group>

as in the above code, my two-way binding is that the prop.newItem background gives me the desired effect of 0: 1. When the background gives me 1, it selects 0 but does not select it. The realistic result is that it did not select the style when it returned to me 1. Then I put v-model on el-checkbox and there was no response. Thank you all

.

to bind the number 01, not the string 01
: true-label= "1": false-label= "0"


//
    data () {
      return {
          isCheckeds:[],
        newItems:[{
                lable:'xp',
                content:'',
                isChecked:1
            },{
                lable:'rm',
                content:'',
                isChecked:0
            }]
      };
    }
            
//<el-checkbox-group>
<el-checkbox v-for="item in newItems" true-label="1" false-label="0" v-model='item.isChecked == 1'>
    {{item.content}}
</el-checkbox>

demo: https://jsfiddle.net/vidanao/.

Menu