Skip to content

Switch 开关

参数

参数说明类型可选值默认值
modelValue / v-model绑定值boolean / string / number
disabled是否禁用booleanfalse
active-value打开时的值boolean / string / number
inactive-value关闭时的值boolean / string / number
active-color打开时的背景色string#409EFF
inactive-color关闭时的背景色string#C0CCDA

事件

事件名称说明回调参数
change绑定值变化时触发的事件新状态的值

示例

基础用法

html
<cl-switch v-model="v1"></cl-switch>

其他颜色

html
<cl-switch color="red"></cl-switch>

禁用

html
<cl-switch v-model="v3" disabled></cl-switch>