Checkbox

复选按钮。

示例
默认用法
  1. <nut-checkbox 
  2. :checked.sync="checkbox1"
  3. ></nut-checkbox>

点击触发事件
  1. <nut-checkbox 
  2. :checked.sync="checked" 
  3. @change="checkboxChange">
  4. </nut-checkbox>

  1. export default {
  2.     data(){
  3.         return{
  4.             checked:false
  5.         }
  6.     }
  7.     methods:{
  8.         checkboxChange(){
  9.             alert(this.checked);
  10.         }
  11.     }
  12. }

禁用选项
  1. <nut-checkbox 
  2. :checked.sync="checked2" 
  3. :disabled="true">
  4. </nut-checkbox>
  6. <nut-checkbox 
  7. :checked.sync="checked2">
  8. </nut-checkbox>

Props
参数说明类型默认值可选值
checked.sync是否选中Booleanfalsetrue/false
disabled是否禁用Booleanfalsetrue/false
Events
事件名说明回调参数
change选择时触发回调函数唯一参数为事件对象