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