单选项目（switch）

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

图示

switch - 图1

代码示例

  1. <view class="page">
  2.   <view class="switch-list">
  3.     <view class="switch-item">
  4.       <switch checked onChange="switchChange"/>
  5.     </view>
  6.   </view>
  7. </view>
  1. Page({
  2.   switchChange (e){
  3.     console.log('switchChange 事件，值:', e.detail.value)
  4.   },
  5. })