Skip to content

Switch 开关

开关选择器。

基础用法

绑定 v-model 到一个 Boolean 类型的变量。

文字描述

使用active-text属性与inactive-text属性来设置开关的文字描述。

拓展的 value 类型

你可以设置 active-value 和 inactive-value 属性, 它们接受 Boolean、String 或 Number 类型的值。

禁用状态

设置disabled属性,接受一个Boolean,设置true即可禁用。

加载状态

Switch API

Attributes

属性名说明类型默认值
model-value / v-model绑定值boolean / string / numberfalse
disabled是否禁用booleanfalse
loading是否显示加载中booleanfalse
active-textswitch 状态为 on 时的文字描述string''
inactive-textswitch 状态为 off 时的文字描述string''
active-valueswitch 状态为 on 时的值boolean / string / numbertrue
inactive-valueswitch 状态为 off 时的值boolean / string / numberfalse

Events

事件名说明类型
changeswitch 状态发生变化时的回调函数Function

基于 MIT 许可发布