switch开关选择器的属性可以设置是否选中,开关类型,颜色以及绑定事件
属性名 | 类型 | 默认值 | 说明 | |
---|---|---|---|---|
checked | Boolean | false | 是否选中 | |
disabled | Boolean | false | 是否禁用 | |
type | String | switch | 样式,有效值:switch, checkbox | |
bindchange EventHandle | checked 改变时触发 change 事件, | event.detail={ value:checked} | ||
color | Color | switch 的颜色,同 css 的 color |
wxml文件
<view class="body-view">
<switch checked bindchange="switch1Change"/>
<switch bindchange="switch2Change"/>
</view>
js文件
Page({
switch1Change: function (e){
console.log('switch1 发生 change 事件,携带值为', e.detail.value)
},
switch2Change: function (e){
console.log('switch2 发生 change 事件,携带值为', e.detail.value)
}
})
效果