W3Cschool
恭喜您成為首批注冊(cè)用戶
獲得88經(jīng)驗(yàn)值獎(jiǎng)勵(lì)
開(kāi)關(guān)按鈕( SwitchButton )用于form
表單。
開(kāi)關(guān)按鈕( SwitchButton )有兩個(gè)狀態(tài):“開(kāi)”與“關(guān)”。用戶可以點(diǎn)擊或輕擊來(lái)切換,標(biāo)簽狀態(tài)可定義。
名稱 | 數(shù)據(jù)類(lèi)型 | 作用描述 | 默認(rèn)值 |
---|---|---|---|
value | boolean | 綁定到按鈕的值。 | null |
onText | string | 按鈕狀態(tài)為on時(shí)的文本值。 | ON |
offText | string | 按鈕關(guān)閉狀態(tài)時(shí)的文本值。 | OFF |
handleText | string | 中心句柄的文本值。 | null |
disabled | boolean | 是否為禁用按鈕。 | false |
readonly | boolean | 按鈕是否只讀。 | false |
inputId | string | 輸入框的id屬性值。 | null |
注意:
- 繼承: FieldBase 。
v-
指令創(chuàng)建功能完善的開(kāi)關(guān)按鈕( SwitchButton )。<div class="fitem">
<Label for="s1">接收郵件:</Label>
<SwitchButton inputId="s1" v-model="received"></SwitchButton>
</div>
<div class="fitem">
<Label for="s2">分享網(wǎng)絡(luò):</Label>
<SwitchButton inputId="s2" v-model="shared"></SwitchButton>
</div>
<div class="fitem">
<Label for="s3">訂閱:</Label>
<SwitchButton inputId="s3" v-model="subscribed"></SwitchButton>
</div>
Copyright©2021 w3cschool編程獅|閩ICP備15016281號(hào)-3|閩公網(wǎng)安備35020302033924號(hào)
違法和不良信息舉報(bào)電話:173-0602-2364|舉報(bào)郵箱:jubao@eeedong.com
掃描二維碼
下載編程獅App
編程獅公眾號(hào)
聯(lián)系方式:
更多建議: