Switch 开关
用于在两种状态间切换的开关组件。
基础用法
通过v-model绑定一个boolean类型的变量。
禁用状态
通过disabled属性指定是否禁用 Switch 组件。
尺寸
提供三种尺寸的开关:large、default和small。
切换前的钩子函数
通过before-switch属性可以在切换前执行特定的逻辑。该函数需要返回一个Promise。
属性
| 属性名 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| v-model | 绑定值 | boolean | false |
| disabled | 是否禁用 | boolean | false |
| size | 开关大小 | 'large' | 'default' | 'small' | 'default' |
| checked | 是否选中 | boolean | false |
| before-switch | 切换前的钩子函数 | () => Promise<boolean> | () => Promise.resolve(true) |
事件
| 事件名 | 说明 | 回调参数 |
|---|---|---|
| change | 状态改变时触发 | (value: boolean) |
| click | 点击时触发 | (value: boolean) |
