2023-01-05

element checkoukBox 勾选默认值
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则不选中

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容