Vue EasyUI 復(fù)選框

2020-06-24 11:43 更新

屬性列表

名稱 數(shù)據(jù)類(lèi)型 作用描述 默認(rèn)值
value string 綁定到組件的值。 null
name string 字段組的名稱。 null
disabled boolean 是否禁用該字段。 false
inputId string 復(fù)選框的id屬性值。 null
multiple boolean True綁定多個(gè)值，而不是布爾值。 false

注：
- 繼承： FieldBase 。

使用方法

  • 通過(guò) HTML 標(biāo)簽創(chuàng)建復(fù)選框。

  1. <div v-for="fruit in fruits" :key="fruit" style="margin-bottom:10px">
  2.   <CheckBox :inputId="fruit" :value="fruit" :multiple="true" v-model="values"></CheckBox>
  3.   <Label :for="fruit">{{fruit}}</Label>
  4. </div>
  5. <p v-if="values">你選擇的是: {{values}}</p>
以上內(nèi)容是否對(duì)您有幫助：
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)