ElementUI中el-checkbox使用v-model绑定默认选中

1.v-model绑定值为布尔true或false

el-checkbox能默认选中;

2.v-model绑定值为数字0或1

需增加:true-label="1",:false-label="0",能进行回选

 <el-checkbox
    v-model="v.effectStatus"
    :true-label="1"
    :false-label="0"
    v-on:click.stop.native
></el-checkbox>

3.v-model绑定值为字符串"0"或"1"

需增加:true-label="'1'",:false-label="'0'";或者true-label="1",false-label="0"能回选

 <el-checkbox
   v-model="v.effectStatus"
   true-label="1"
   false-label="0"
   v-on:click.stop.native
></el-checkbox>

即v-model绑定的类型与值,应该与true-label,false-label属性值与类型一致,才能回选;

可以通过更改true-label,false-label属性值,或者更改v-model绑定的默认值来回选

拓展:

true-label="a",false-label="b"

v-model绑定的值为a则选中,为b则不选中

posted @ 2020-09-14 15:26  盼星星盼太阳  阅读(8594)  评论(0)    收藏  举报