微信小程序表單組件開關(guān)switch,switch開關(guān)選擇器
2017-12-22
導(dǎo)讀:switch 開關(guān)選擇器。 屬性名 類型 默認(rèn)值 說明 checked Boolean false 是否選中 type String switch 樣式,有效值:switch, checkbox bindchange EventHandle checked 改變時(shí)觸發(fā)change事件,event.detail={ value:checke...
switch
開關(guān)選擇器。
屬性名 | 類型 | 默認(rèn)值 | 說明 |
---|---|---|---|
checked | Boolean | false | 是否選中 |
type | String | switch | 樣式,有效值:switch, checkbox |
bindchange | EventHandle | checked 改變時(shí)觸發(fā)change事件,event.detail={ value:checked} | |
color | Color | switch的顏色,同css的color |
<view class="body-view">
<switch checked bindchange="switch1Change"/>
<switch bindchange="switch2Change"/>
</view>
page({
switch1Checked: function (e){
console.log('switch1 發(fā)生 change 事件,攜帶值為', e.detail.value)
},
switch2Change: function (e){
console.log('switch2 發(fā)生 change 事件,攜帶值為', e.detail.value)
}
})
更多微信小程序開發(fā)教程,可以關(guān)注hi小程序。
第二部分:如何開通一個(gè)小商店