微信小程序 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组件

您可能感兴趣的文章:

• 微信小程序之MaterialDesign--input组件详解
• 微信小程序 input输入框控件详解及实例（多种示例）
• 微信小程序 input输入框详解及简单实例
• 微信小程序 (十七)input 组件详细介绍
• 微信小程序picker组件下拉框选择input输入框的实例
• 微信小程序中input标签详解及简单实例
• 微信小程序实现简单input正则表达式验证功能示例
• 微信小程序 input输入及动态设置按钮的实现
• 微信小程序 input表单与redio及下拉列表的使用实例
• 微信小程序 Button 组件详解及简单实例
• 微信小程序使用input组件实现密码框功能【附源码下载】