ant design vue switch 属性

ant design vue switch 属性列表。

属性列表

属性名称	类型	说明
autoFocus	boolean	组件自动获取焦点
checked(v-model)	boolean	指定当前是否选中
checkedChildren	string\|slot	选中时的内容
defaultChecked	boolean	初始是否选中
disabled	boolean	是否禁用
loading	boolean	加载中的开关
size	string	开关大小，可选值：default small
unCheckedChildren	string\|slot	非选中时的内容

<template>
  <div>
    <a-switch
     default-checked 
     :autoFocus="false"
     :checked="checked"
     checkedChildren='选中'
     :loading="loading"
     size="small"
     unCheckedChildren="取消"
     @change="onChange" 
     >
     </a-switch>
  </div>
</template>
<script>
export default {
  data() {
    return {
      checked:true,
      loading:false
    };
  },
  methods: {
    onChange(checked) {
      this.checked=checked;
      console.log(`a-switch to ${checked}`);
    },
  },
};
</script>