手机
当前位置:查字典教程网 >编程开发 >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使用实例

JQuery中DOM事件绑定用法详解

Js的Array数组对象详解

JQuery实现带排序功能的权限选择实例

微信WeixinJSBridge API使用实例

JavaScript正则表达式的分组匹配详解

JavaScript使用addEventListener添加事件监听用法实例

node.js微信公众平台开发教程

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

JavaScript中for循环的使用详解

精品推荐
分类导航