微信小程序开发文档 微信小程序表单组件 开关 switch

2024-02-25 开发教程 微信小程序开发文档 匿名 9

switch

开关选择器。

属性名类型默认值说明
checkedBooleanfalse是否选中
disabledBooleanfalse是否禁用
typeStringswitch

样式,有效值:switch, checkbox

bindchange

EventHandle

checked 改变时触发change事件,event.detail={ value}

colorString#04BE02switch的颜色,同css的color
<view class="body-view">
<switch checked bindchange="switch1Change"/>
<switch bindchange="switch2Change"/>
</view>
page({
switch1Checked: function (e){ console.log('switch1 发生 change 事件,携带值为', e.detail.value) },
switch2Change: function (e){ console.log('switch2 发生 change 事件,携带值为', e.detail.value)
}
})