Form-checkbox多选框

备选项

data() {
  return {
    checked: true
  };
}

适用于多个勾选框绑定到同一个数组的情景，通过是否勾选来表示这一组选项中选中的项。
checkbox-group元素能把多个 checkbox 管理为一组，只需要在 Group 中使用v-model绑定Array类型的变量即可。

el-checkbox的 label属性是该 checkbox 对应的值，若该标签中无内容，则该属性也充当 checkbox 按钮后的介绍。

label与数组中的元素值相对应，如果存在指定的值则为选中状态，否则为不选中。

  
  bb
  
  
  

data() {
  return {
    checklist: [ '选中且禁用', '复选框A']
  };
}

全选



  {{city}}

 

    
      {{city}}
    
  
  

    
      {{city}}
    
  

 

Checkbox Attributes

参数	说明	类型	可选值	默认值
label	选中状态的值（只有在checkbox-group或者绑定对象类型为array时有效）	string / number / boolean	—	—
disabled	是否禁用	boolean	—	false
border	是否显示边框	boolean	—	false
size	Checkbox 的尺寸，仅在 border 为真时有效	string	medium / small / mini	—
：indeterminate	设置 indeterminate 状态，只负责样式控制（用于实现全选，全选或全不选该值为false，表示以确定状态）	boolean	—	false

Checkbox Events

事件名称	说明	回调参数
@change	当绑定值变化时触发的事件	更新后的值（值为bool）

 

Checkbox-group Attributes

参数	说明	类型	可选值	默认值
size	多选框组尺寸，仅对按钮形式的 Checkbox 或带有边框的 Checkbox 有效	string	medium / small / mini	—
disabled	是否禁用	boolean	—	false
min	可被勾选的 checkbox 的最小数量	number	—	—
max	可被勾选的 checkbox 的最大数量	number	—	—

¶Checkbox-group Events

事件名称	说明	回调参数
@change	当绑定值变化时触发的事件	更新后的值（值为选中的复选框的值构成的数组）

Checkbox-button Attributes

参数	说明	类型	可选值	默认值
label	选中状态的值（只有在checkbox-group或者绑定对象类型为array时有效）	string / number / boolean	—	—
disabled	是否禁用	boolean	—	false