微信小程序 loading 組件實(shí)例詳解
loading通常使用在請求網(wǎng)絡(luò)數(shù)據(jù)時的一種方式，通過hidden屬性設(shè)置顯示與否
主要屬性：
wxml
<!---->
<button type="primary" bindtap="listenerButton">顯示loading</button>
<!--默認(rèn)隱藏-->
<loading hidden="{{hiddenLoading}}">正在加載</loading>
js
Page({
data:{
// text:"這是一個頁面"
hiddenLoading: true
},
/**
* 監(jiān)聽button點(diǎn)擊事件
*/
listenerButton:function(){
this.setData({
hiddenLoading: !this.data.hiddenLoading
})
},
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組件
- 微信小程序之MaterialDesign--input組件詳解
- 微信小程序 input輸入框控件詳解及實(shí)例（多種示例）
- 微信小程序 input輸入框詳解及簡單實(shí)例
- 微信小程序 (十七)input 組件詳細(xì)介紹
- 微信小程序picker組件下拉框選擇input輸入框的實(shí)例
- 微信小程序中input標(biāo)簽詳解及簡單實(shí)例
- 微信小程序?qū)崿F(xiàn)簡單input正則表達(dá)式驗(yàn)證功能示例
- 微信小程序 input輸入及動態(tài)設(shè)置按鈕的實(shí)現(xiàn)
- 微信小程序 input表單與redio及下拉列表的使用實(shí)例
- 微信小程序 Button 組件詳解及簡單實(shí)例
- 微信小程序使用input組件實(shí)現(xiàn)密碼框功能【附源碼下載】
相關(guān)文章
這篇文章主要為大家介紹了詳解無界微前端是如何渲染子應(yīng)用demo解析，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2023-04-04
載入進(jìn)度條 效果...2006-07-07
這篇文章主要為大家介紹了使用async?await處理錯誤的方法示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進(jìn)步，早日升職加薪2022-07-07
這篇文章主要介紹了微信小程序 MD5加密登錄密碼詳解及實(shí)例代碼的相關(guān)資料,這里附有實(shí)例代碼，需要的朋友可以參考下2017-01-01
微信小程序 flex實(shí)現(xiàn)導(dǎo)航實(shí)例詳解
這篇文章主要介紹了微信小程序 flex實(shí)現(xiàn)導(dǎo)航實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04
這篇文章主要介紹了微信小程序 支付功能開發(fā)錯誤總結(jié)的相關(guān)資料,需要的朋友可以參考下2017-02-02
THREE.js添加多個castShadow光源報錯解決及原因分析
這篇文章主要介紹了THREE.js添加多個castShadow的光源報錯解決及原因分析2023-06-06
基于JavaScript ES新特性let與const關(guān)鍵字
這篇文章主要介紹了基于JavaScript ES新特性let與const關(guān)鍵字，let是ECMAScript 2015新增的一個關(guān)鍵字，用于聲明變量，const關(guān)鍵字用于聲明一個常量，更多詳細(xì)內(nèi)容，請需要的小伙伴參考下面文章的介紹，希望對你有所幫助2021-12-12
這篇文章主要介紹了微信小程序 石頭剪刀布實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-01-01
這篇文章主要介紹了微信小程序 wx:for的使用實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2017-04-04