Skip to content

Switch 开关

用于在两种状态间切换的开关组件。

基础用法

通过v-model绑定一个boolean类型的变量。

禁用状态

通过disabled属性指定是否禁用 Switch 组件。

尺寸

提供三种尺寸的开关:largedefaultsmall

切换前的钩子函数

通过before-switch属性可以在切换前执行特定的逻辑。该函数需要返回一个Promise

属性

属性名说明类型默认值
v-model绑定值booleanfalse
disabled是否禁用booleanfalse
size开关大小'large' | 'default' | 'small''default'
checked是否选中booleanfalse
before-switch切换前的钩子函数() => Promise<boolean>() => Promise.resolve(true)

事件

事件名说明回调参数
change状态改变时触发(value: boolean)
click点击时触发(value: boolean)