# cSwitch开关组件

# 使用教程

点击查看教程

# 使用文档

# 导入

main.js中：

import { cSwitch } from 'cpm-ui'
Vue.use(cSwitch)

1
2

# 调用

<cSwitch v-model="flag"></cSwitch>

1

# 属性props

参数	说明	类型	可选值	默认值
value	当前值，v-model双向绑定	Number		false
color	颜色	String		`#4574ff`
disabled	是否禁用	Boolean	`true`、`false`	`false`

# 事件Event

方法	说明
onClick	点击切换switch

如：

<cSwitch v-model="flag" @onClick="onClick"></cSwitch>

1

# 插槽slot

可在插槽中设置开关状态

<cSwitch v-model="flag">{{flag ? '开' : '关'}}</cSwitch>

1

# 特别提示

无

← cRangeDouble双滑块 cInput用户输入 →

注：因PC端浏览存在最小12px字号的原因，部分视图下文字会显示比较大，手机端访问正常。