switch

开关选择器。

属性名类型默认值说明最低版本
checkedBooleanfalse是否选中
disabledBooleanfalse是否禁用
typeStringswitch样式，有效值：switch, checkbox
bindchangeEventHandlechecked 改变时触发 change 事件，event.detail={ value:checked}
colorColorswitch 的颜色，同 css 的 color
aria-labelString无障碍访问，（属性）元素的额外描述

示例：

  1. <view class="body-view">
  2.   <switch checked bindchange="switch1Change" />
  3.   <switch bindchange="switch2Change" />
  4. </view>
  1. Page({
  2.   switch1Change(e) {
  3.     console.log('switch1 发生 change 事件，携带值为', e.detail.value)
  4.   },
  5.   switch2Change(e) {
  6.     console.log('switch2 发生 change 事件，携带值为', e.detail.value)
  7.   }
  8. })

switch

Tips
  • tip: switch类型切换时在iOS自带振动反馈，可在系统设置 -> 声音与触感 -> 系统触感反馈中关闭