Switch

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

Switch - 图1

引入

  1. import mpSwitch from 'mpvue-weui/src/switch';
  2. export default {
  3. components: {
  4. mpSwitch,
  5. },
  6. }

使用

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

API

参数说明类型默认值
valueswitch 是否选中,可使用 v-model 双向绑定数据。Booleanfalse
disabled是否禁用Booleanfalse
colorswitch 的颜色,同 css 的 colorString-

Event

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