switch

开关选择器。

属性名 类型 默认值 说明
checked Boolean false 是否选中
type String switch 样式，有效值：switch, checkbox
bindchange EventHandle checked 改变时触发 change 事件，event.detail={ value:checked}
color Color switch 的颜色，同 css 的 color

示例：

在开发者工具中预览效果

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

switch

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

原文:

https://developers.weixin.qq.com/miniprogram/dev/component/switch.html