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>