Switch 开关

表单类型组件，结合form组件使用

基础用法

<wx-form ref="form">
  <wx-form-body>
    <wx-form-group title="通知开关">
      <wx-switch v-model="val1" label="接收消息通知"></wx-switch>
      <wx-switch v-model="val2" label="显示消息详情" v-if="val1"></wx-switch>
    </wx-form-group>
  </wx-form-body>
</wx-form>

<script>
export default {
  data() {
    return {
      val1: true,
      val2: false
    };
  },
  watch: {
    val1(val) {
      if (!val) this.val2 = val;
    }
  }
};
</script>

不可用

<wx-form ref="form">
  <wx-form-body>
    <wx-form-group title="不可用">
      <wx-switch v-model="val3" label="跟随系统声音" disabled></wx-switch>
    </wx-form-group>
  </wx-form-body>
</wx-form>

<script>
export default {
  data() {
    return {
      val3: true
    };
  }
};
</script>

Switch Attributes

参数	说明	类型	可选值	默认值
v-model/value	绑定值	Boolean	-	-
label	开关标题	String	-	-
disabled	禁用状态	Boolean	-	false

开关