Switch 开关

<template>
  <div>
    <a-switch defaultChecked @change='onChange'/>
  </div>
</template>
<script>
  export default {
    data () {
      return {
      }
    },
    methods: {
      onChange(checked){
        console.log(`a-switch to ${checked}`);
      }
    },
  }
</script>

<template>
  <div>
    <a-switch defaultChecked :disabled="disabled" style="margin-bottom:5px"/>
    <br/>
    <a-button type="primary" @click='onToggle'>Toggle disabled</a-button>
  </div>
</template>
<script>
  export default {
    data () {
      return {
        disabled: true,
      }
    },
    methods: {
      onToggle(){
        this.disabled = !this.disabled
      }
    },
  }
</script>

<template>
  <div>
    <a-switch checkedChildren="开" unCheckedChildren="关" defaultChecked/>
    <br>
    <a-switch checkedChildren="1" unCheckedChildren="0"/>
    <br>
    <a-switch defaultChecked >
      <a-icon type="check" slot="checkedChildren"/>
      <a-icon type="close" slot="unCheckedChildren"/>
    </a-switch>
  </div>
</template>

<template>
  <div>
    <a-switch defaultChecked/>
    <br>
    <a-switch size="small" defaultChecked/>
  </div>
</template>

<template>
  <div>
    <a-switch loading defaultChecked/>
    <br>
    <a-switch size="small" loading/>
  </div>
</template>