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