微信小程式 loading 組件執行個體詳解，小程式loading

小程式 loading 組件執行個體詳解，小程式loading

loading通常使用在請求網路資料時的一種方式，通過hidden屬性設定顯示與否

主要屬性：

wxml

<!----><button type="primary" bindtap="listenerButton">顯示loading</button><!--預設隱藏--><loading hidden="{{hiddenLoading}}">正在載入</loading>

js

Page({ data:{ // text:"這是一個頁面" hiddenLoading: true }, /** * 監聽button點擊事件 */ listenerButton:function(){ this.setData({  hiddenLoading: !this.data.hiddenLoading }) }, onLoad:function(options){ // 頁面初始化 options為頁面跳轉所帶來的參數 }, onReady:function(){ // 頁面渲染完成 }, onShow:function(){ // 頁面顯示 }, onHide:function(){ // 頁面隱藏 }, onUnload:function(){ // 頁面關閉 }})

相關文章：

hello WeApp                      icon組件
Window                             text組件                                switch組件
tabBar底部導航                 progress組件                        action-sheet
應用生命週期                    button組件                            modal組件
頁面生命週期                    checkbox組件                       toast組件
模組化詳                           form組件詳                            loading 組件
資料繫結                           input 組件                             navigator 組件
View組件                          picker組件                             audio 組件
scroll-view組件                 radio組件                              video組件
swiper組件                        slider組件                              Image組件