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) |