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

2019-11-20 08:51:48

字體：大中小

供稿：網(wǎng)友

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

wxml

<!--switch類型開關(guān)--><view>switch類型開關(guān)</view><switch type="switch" checked="true" bindchange="listenerSwitch"/><!--checkbox類型開關(guān)--><view>checkbox類型開關(guān)</view><switch type="checkbox" bindchange="listenerCheckboxSwitch" />

Page({ data:{ // text:"這是一個頁面" }, /** * switch開關(guān)監(jiān)聽 */ listenerSwitch: function(e) { console.log('switch類型開關(guān)當(dāng)前狀態(tài)-----', e.detail.value); }, /** * checkbox類型開關(guān)監(jiān)聽 */ listenerCheckboxSwitch: function(e) { console.log('checkbox類型開關(guān)當(dāng)前狀態(tài)-----', e.detail.value) }, onLoad:function(options){ // 頁面初始化 options為頁面跳轉(zhuǎn)所帶來的參數(shù) }, onReady:function(){ // 頁面渲染完成 }, onShow:function(){ // 頁面顯示 }, onHide:function(){ // 頁面隱藏 }, onUnload:function(){ // 頁面關(guān)閉 }})

相關(guān)文章：

hello WeApp                     icon組件
Window                             text組件                                 switch組件
 tabBar底部導(dǎo)航               progress組件                         action-sheet
應(yīng)用生命周期                     button組件                            modal組件
頁面生命周期                     checkbox組件                       toast組件
模塊化詳                            form組件詳                            loading 組件
數(shù)據(jù)綁定                            input 組件                             navigator 組件
 View組件                         picker組件                             audio 組件
 scroll-view組件                  radio組件                               video組件
 swiper組件                       slider組件                             Image組件