Vue EasyUI 標(biāo)簽框

2020-06-24 11:44 更新

標(biāo)簽框( TagBox )擴(kuò)展自 combobox 。 標(biāo)簽框( TagBox )包含 combobox的所有功能。 標(biāo)簽框( TagBox )允許用戶將輸入內(nèi)容顯示在標(biāo)簽框中,而不是輸入框。

屬性列表

名稱 數(shù)據(jù)類型 作用描述 默認(rèn)值
value string,number,array 字段值。 null
hasDownArrow boolean 是否顯示向下箭頭按鈕。 false
multiple boolean 是否支持多個(gè)選擇。 true
limitToList boolean 為True時(shí),輸入值限制為列出的項(xiàng)。 false
tagCss any 標(biāo)簽CSS樣式。值可以是樣式類、內(nèi)聯(lián)樣式或返回樣式類或內(nèi)聯(lián)樣式的自定義函數(shù)。 null

  • tagCss屬性代碼實(shí)例:
    1. tagCss(row) {
    2. if (row.id == 3){
    3. return {
    4. background: '#ffd7d7',
    5. color: '#c65353'
    6. };
    7. } else if (row.id == 4){
    8. return {
    9. background: '#b8eecf',
    10. color: '#45872c'
    11. };
    12. } else {
    13. return null;
    14. }
    15. }

注:
- 繼承: ComboBox 。

使用方法

  1. <TagBox v-model="value" style="width:300px;"
  2. valueField="id"
  3. textField="text"
  4. placeholder="Select a Language"
  5. :limitToList="true"
  6. :hasDownArrow="true"
  7. :data="data">
  8. </TagBox>
以上內(nèi)容是否對(duì)您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)