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则不选中


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM