微信小程序 loading 组件实例详解

2019-11-29,,,,

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组件实现密码框功能【附源码下载】

《微信小程序 loading 组件实例详解.doc》

下载本文的Word格式文档,以方便收藏与打印。