Switch 滑动开关

1.4.0 新增

滑动开关，用于切换 on/off 状态。

示例

基本用法

  1. <cube-switch v-model="value">
  2.   Switch
  3. </cube-switch>
  1. export default {
  2.   data() {
  3.     return {
  4.       value: true
  5.     }
  6.   }
  7. }

value值true对应着 on 状态（开） ，value值false对应着 off 状态（关）。

禁用状态

  1. <cube-switch v-model="value" :disabled="true">
  2.   Disbled Switch
  3. </cube-switch>

Props 配置

参数 说明 类型 可选值 默认值
v-model 开关状态，双向数据绑定 Boolean true/false false
disabled 是否禁用 Boolean true/false false

原文:

https://didi.github.io/cube-ui/#/zh-CN/docs/switch