簡單分享 checkbox 組件，主要從以下三個(gè)方面來分享：
1、組件的頁面結(jié)構(gòu)
2、組件的屬性
3、組件的方法
一、組件的頁面結(jié)構(gòu)
二、組件的屬性
2.1?value / v-model 屬性，綁定的值，類型 string / number / boolean，無默認(rèn)值。
首先討論單個(gè) checkbox，通過 props 接收 父組件傳遞過來的 value，在組件內(nèi)部通過計(jì)算屬性 model 監(jiān)聽 value 的變化，并將最新值雙向綁定到頁面當(dāng)中進(jìn)行渲染，具體如下：
2.2 label 屬性，選中狀態(tài)的值，類型 string / number / boolean，無默認(rèn)值。
2.3?true-label、false-label 屬性，選中的值，類型 string / number，無默認(rèn)值。
屬性的使用及實(shí)現(xiàn)效果如下：
2.4?disabled 屬性，是否禁用，類型 boolean，默認(rèn) false。
2.5 border 屬性，是否有邊框，類型 boolean，默認(rèn) false。
2.6 size 屬性，尺寸大小，類型?medium / small / mini，無默認(rèn)值。
2.7 name 屬性，原生 name 屬性，類型 string，無默認(rèn)值。
2.8 checked 屬性，是否勾選，類型 boolean，默認(rèn) false。
2.9?indeterminate 屬性，設(shè)置 indeterminate 狀態(tài)，只負(fù)責(zé)樣式控制，類型 boolean，默認(rèn) false。
屬性的使用及實(shí)現(xiàn)效果如下：
通過上面效果知，此屬性的主要作用是設(shè)置 checkbox 的全選、半選狀態(tài)。
三、組件的方法
3.1 change 方法。文章來源：http://www.zghlxwxcb.cn/news/detail-843048.html
文章來源地址http://www.zghlxwxcb.cn/news/detail-843048.html
到了這里，關(guān)于element-ui checkbox 組件源碼分享的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
