本文介绍单选项目(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

图示

代码示例

  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. })