微信小程序(二十一)switch組件詳細(xì)介紹

switch開(kāi)關(guān)組件使用主要屬性:

wxml
<!--switch類型開(kāi)關(guān)--> <view>switch類型開(kāi)關(guān)</view> <switch type="switch" checked="true" bindchange="listenerSwitch"/> <!--checkbox類型開(kāi)關(guān)--> <view>checkbox類型開(kāi)關(guān)</view> <switch type="checkbox" bindchange="listenerCheckboxSwitch" />
js
Page({
data:{
// text:"這是一個(gè)頁(yè)面"
},
/**
* switch開(kāi)關(guān)監(jiān)聽(tīng)
*/
listenerSwitch: function(e) {
console.log('switch類型開(kāi)關(guān)當(dāng)前狀態(tài)-----', e.detail.value);
},
/**
* checkbox類型開(kāi)關(guān)監(jiān)聽(tīng)
*/
listenerCheckboxSwitch: function(e) {
console.log('checkbox類型開(kāi)關(guān)當(dāng)前狀態(tài)-----', e.detail.value)
},
onLoad:function(options){
// 頁(yè)面初始化 options為頁(yè)面跳轉(zhuǎn)所帶來(lái)的參數(shù)
},
onReady:function(){
// 頁(yè)面渲染完成
},
onShow:function(){
// 頁(yè)面顯示
},
onHide:function(){
// 頁(yè)面隱藏
},
onUnload:function(){
// 頁(yè)面關(guān)閉
}
})
相關(guān)文章:
hello WeApp icon組件
Window text組件 switch組件
tabBar底部導(dǎo)航 progress組件 action-sheet
應(yīng)用生命周期 button組件 modal組件
頁(yè)面生命周期 checkbox組件 toast組件
模塊化詳 form組件詳 loading 組件
數(shù)據(jù)綁定 input 組件 navigator 組件
View組件 picker組件 audio 組件
scroll-view組件 radio組件 video組件
swiper組件 slider組件 Image組件
相關(guān)文章
微信小程序 action-sheet詳解及實(shí)例代碼
這篇文章主要介紹了微信小程序 action-sheet詳解及實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2016-11-11
詳解Three.js?場(chǎng)景中如何徹底刪除模型和性能優(yōu)化
這篇文章主要為大家介紹了詳解Three.js?場(chǎng)景中如何徹底刪除模型和性能優(yōu)化,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進(jìn)步,早日升職加薪2023-04-04
微信小程序 轉(zhuǎn)發(fā)功能的實(shí)現(xiàn)
這篇文章主要介紹了微信小程序 轉(zhuǎn)發(fā)功能的實(shí)現(xiàn)的相關(guān)資料,這里提供實(shí)現(xiàn)方法及實(shí)例幫助大家學(xué)習(xí)理解,需要的朋友可以參考下2017-08-08

