ant design vue switch 属性

ant design vue switch 属性列表。

属性列表

属性名称类型说明
autoFocusboolean组件自动获取焦点
checked(v-model)boolean指定当前是否选中
checkedChildrenstring|slot选中时的内容
defaultCheckedboolean初始是否选中
disabledboolean是否禁用
loadingboolean加载中的开关
sizestring开关大小,可选值:default small
unCheckedChildrenstring|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>