Radio 單選框

在一組備選項(xiàng)中進(jìn)行單選

• 基礎(chǔ)用法
  由于選項(xiàng)默認(rèn)可見，不宜過多，若選項(xiàng)過多，建議使用 Select 選擇器。
  要使用 Radio 組件，只需要設(shè)置v-model綁定變量，選中意味著變量的值為相應(yīng) Radio label屬性的值，label可以是String、Number或Boolean。

  
  
  
  

• 禁用狀態(tài)
  單選框不可用的狀態(tài)。
  只要在el-radio元素中設(shè)置disabled屬性即可，它接受一個Boolean，true為禁用。
  注：disabled默認(rèn)為true。

  
  
  
  

• 單選框組
  適用于在多個互斥的選項(xiàng)中選擇的場景。
  結(jié)合el-radio-group元素和子元素el-radio可以實(shí)現(xiàn)單選組，在el-radio-group中綁定v-model，在el-radio中設(shè)置好label即可，無需再給每一個el-radio綁定變量，另外，還提供了change事件來響應(yīng)變化，它會傳入一個參數(shù)value。

  
  
  
  

• 按鈕樣式
  按鈕樣式的單選組合。
  只需要把el-radio元素?fù)Q成el-radio-button元素即可，此外，Element 還提供了size屬性。

  
  
  
  

• 帶有邊框
  設(shè)置border屬性可以渲染為帶有邊框的單選框。

  
  
  
  

• Radio Attributes

  
  

• Radio Events

  
  

• Radio-group Attributes

  
  

• Radio-group Events

  
  

• Radio-button Attributes

  
  

Checkbox 多選框

一組備選項(xiàng)中進(jìn)行多選。

• 基礎(chǔ)用法
  單獨(dú)使用可以表示兩種狀態(tài)之間的切換，寫在標(biāo)簽中的內(nèi)容為 checkbox 按鈕后的介紹。
  在el-checkbox元素中定義v-model綁定變量，單一的checkbox中，默認(rèn)綁定變量的值會是Boolean，選中為true。

  
  
  
  

• 禁用狀態(tài)
  多選框不可用狀態(tài)。
  設(shè)置disabled屬性即可。

  
  
  
  

• 多選框組
  適用于多個勾選框綁定到同一個數(shù)組的情景，通過是否勾選來表示這一組選項(xiàng)中選中的項(xiàng)。
  checkbox-group元素能把多個 checkbox 管理為一組，只需要在 Group 中使用v-model綁定Array類型的變量即可。 el-checkbox 的 label屬性是該 checkbox 對應(yīng)的值，若該標(biāo)簽中無內(nèi)容，則該屬性也充當(dāng) checkbox 按鈕后的介紹。label與數(shù)組中的元素值相對應(yīng)，如果存在指定的值則為選中狀態(tài)，否則為不選中。

  
  
  
  

• indeterminate 狀態(tài)
  indeterminate 屬性用以表示 checkbox 的不確定狀態(tài)，一般用于實(shí)現(xiàn)全選的效果。

  
  
  
  

• 可選項(xiàng)目數(shù)量的限制
  使用 min 和 max 屬性能夠限制可以被勾選的項(xiàng)目的數(shù)量。

  
  
  
  

• 按鈕樣式
  按鈕樣式的多選組合。
  只需要把el-checkbox元素替換為el-checkbox-button元素即可。此外，Element 還提供了size屬性。

  
  
  
  

• 帶有邊框
  設(shè)置border屬性可以渲染為帶有邊框的多選框。

  
  
  
  

• Checkbox Attributes

  
  

• Checkbox Events

  
  

• Checkbox-group Attributes

  
  

• Checkbox-group Events

  
  

• Checkbox-button Attributes