kui-vue/components/switch/demo/disabled.md

A high quality UI Toolkit built on Vue.js 2.0

<cn>
#### 禁用 / 可控
通过 `disabled` 属性设置组件是否被禁用
</cn>

```vue
<template>
  <Space vertical align="start">
    <Switch disabled />
    <Space>
      <Switch :disabled="disabled" v-model="checked" />
      <Button size="small" @click="checked=!checked">{{checked?'Uncheck':'Check'}}</Button>
      <Button size="small" @click="disabled=!disabled">{{disabled?'Enable':'Disabled'}}</Button>
    </Space>
    <Switch disabled true-text="Yes" false-text="No" />
    <Switch disabled true-text="Yes" false-text="No" checked />
    <Switch disabled true-text="Yes" false-text="No" checked size="small"/>
  </Space>
</template>
<script>
export default{
  data() {
    return {
      checked:false,
      disabled:false
    }
  }
}
</script>
```