> For the complete documentation index, see [llms.txt](https://vuxjs.gitbook.io/vux/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://vuxjs.gitbook.io/vux/biao-dan-zu-jian/switch-kai-guan.md).

# switch 开关

> 作为行内表单组件，`Switch`必须和`Group`一起使用。

## Props

| 名字          | 类型      | 默认    | 描述         |
| ----------- | ------- | ----- | ---------- |
| value       | Boolean | false | 表单值,`双向绑定` |
| title       | String  | 无     | cell标题     |
| disabled    | Boolean | false | 是否禁止操作     |
| inline-desc | String  | 无     | 副标题        |

## Events

| 名字        | 参数      | 描述     |
| --------- | ------- | ------ |
| on-change | (value) | 值变化时触发 |

## 直接值

\`\`\` vux height=160 components=Switch,Group

 \`\`\` ## 双向绑定 \`\`\` vux height=140 components=Switch,Group

 export default { data: { value1: true } } 

````
### disabled 设置不可更改

``` vux height=140 components=Switch,Group
<components>
Switch,Group
</components>
<template>
<group>
  <switch title="不可更改" :value=true disabled></switch>
  <switch title="不可更改" :value=false disabled></switch>
</group>
</template>
````

### title支持html

\`\`\` vux height=80 components=Switch,Group

&#x20;\</template>

````
### on-change 事件

``` vux height=80 components=Switch,Group
<template>
<group>
  <switch title="监听事件" :value=true @on-change="change"></switch>
</group>
</template>
<script>
export default {
  methods: {
    change: function (val) {
      console.log('change', val)
    }
  }
}
</script>
````