Vue EasyUI 開關(guān)按鈕

2020-06-24 11:50 更新

開關(guān)按鈕( SwitchButton )用于form表單。 開關(guān)按鈕( SwitchButton )有兩個狀態(tài):“開”與“關(guān)”。用戶可以點擊或輕擊來切換,標簽狀態(tài)可定義。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認值
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>

  • 參考圖例:

開關(guān)按鈕

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號