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

</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>

Last updated