Switch

开关选择器,使用原生的 switch 组件,支持数据双向绑定。

引入

import mpSwitch from 'mpvue-weui/src/switch';
export default {
  components: {
    mpSwitch,
  },
}

使用

<!-- 数据双向绑定 -->
<mp-switch v-model="switchValue" @change="switchChange"></mp-switch>
<!-- 禁用状态 -->
<mp-switch :disabled=true></mp-switch>

API

参数 说明 类型 默认值
value switch 是否选中,可使用 v-model 双向绑定数据。 Boolean false
disabled 是否禁用 Boolean false
color switch 的颜色,同 css 的 color String -

Event

事件名 说明 参数
@change 改变时触发 返回是否选中 true , false