Switch 开关
用法
基本用法
开关组件
开关组件可以控制一个状态,当异步切换状态的时候可以显示loading状态;
点击查看代码
<wd-switch
v-model="isSwitchChecked"
:loading="isSwitchLoading"
@change="handleSwitchChange"
/>
<wd-switch
disabled
size="large"
:loading="true"
v-model="isSwitchChecked"
/>
1
2
3
4
5
6
7
8
9
10
11
2
3
4
5
6
7
8
9
10
11
属性
参数 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
checked | 是否选中 | boolean | true / false | false |
disabled | 是否可用 | boolean | true / false | true |
loading | 是否正在加载 | boolean | true / false | false |
size | 组件大小 | string | small / large / default | default |
事件
事件名称 | 说明 | 回调参数 |
---|---|---|
change | 值变化时触发 | Function(checkedValue) |