switch開關(guān)選擇器的屬性可以設置是否選中揽乱,開關(guān)類型,顏色以及綁定事件
屬性名 | 類型 | 默認值 | 說明 | |
---|---|---|---|---|
checked | Boolean | false | 是否選中 | |
disabled | Boolean | false | 是否禁用 | |
type | String | switch | 樣式粟矿,有效值:switch, checkbox | |
bindchange EventHandle | checked 改變時觸發(fā) 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 發(fā)生 change 事件陌粹,攜帶值為', e.detail.value)
},
switch2Change: function (e){
console.log('switch2 發(fā)生 change 事件撒犀,攜帶值為', e.detail.value)
}
})
效果