小程序表单组件switch的属性配置与事件监听方法-移动开发平台 mPaaS-阿里云

本文介绍单选项目（switch）。

属性名	类型	默认值	描述	最低版本
name	String	-	组件名字，用于表单提交获取数据	-
checked	Boolean	-	是否选中	-
disabled	Boolean	-	是否禁用	-
color	String	-	组件颜色	-
onChange	EventHandle	-	checked 改变时触发，`event.detail={value:checked}`	-
controlled	Boolean	false	是否为受控组件，为 true 时，checked 会完全受 setData 控制	1.8.0
color	Color	-	switch 的颜色	1.10.0

图示

代码示例

<view class="page">
  <view class="switch-list">
    <view class="switch-item">
      <switch checked onChange="switchChange"/>
    </view>
  </view>
</view>

Page({
  switchChange (e){
    console.log('switchChange 事件，值:', e.detail.value)
  },
})