Switch

单选项目。扫码体验：

img.jpg

属性名类型默认值描述最低版本
nameString组件名字，用于表单提交获取数据
checkedBoolean是否选中
disabledBoolean是否禁用
colorString组件颜色
onChangeEventHandlechecked 改变时触发，event.detail={ value:checked}
controlledBooleanfalse是否为受控组件，为true时，checked会完全受setData控制1.8.0
colorColorswitch的颜色1.10.0

Screenshot

image

示例代码

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

原文: https://docs.alipay.com/mini/component/switch