手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >微信小程序 loading 组件实例详解
微信小程序 loading 组件实例详解
摘要:loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否主要属性:wxml显示loading正在加载jsPage(...

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

loading通常使用在请求网络数据时的一种方式,通过hidden属性设置显示与否

主要属性:

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

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组件

【微信小程序 loading 组件实例详解】相关文章:

javascript原型模式用法实例详解

微信WeixinJSBridge API使用实例

JQuery勾选指定name的复选框集合并显示的方法

Js的Array数组对象详解

javascript事件冒泡和事件捕获详解

微信内置浏览器私有接口WeixinJSBridge介绍

JQuery中层次选择器用法实例详解

javascript实现表格增删改操作实例详解

js+html5实现canvas绘制简单矩形的方法

AspNet中使用JQuery上传插件Uploadify详解

精品推荐
分类导航