微信小程序页面生命周期

Posted java1234_小锋

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了微信小程序页面生命周期相关的知识,希望对你有一定的参考价值。

完整微信小程序(Java后端) 技术贴目录清单页面(必看)

Page(Object object)

注册小程序中的一个页面。接受一个 Object 类型参数,其指定页面的初始数据、生命周期回调、事件处理函数等。

参数

Object object

属性类型默认值必填说明
dataObject页面的初始数据
optionsObject页面的组件选项,同 Component 构造器 中的 options ,需要基础库版本 2.10.1
onLoadfunction生命周期回调—监听页面加载
onShowfunction生命周期回调—监听页面显示
onReadyfunction生命周期回调—监听页面初次渲染完成
onHidefunction生命周期回调—监听页面隐藏
onUnloadfunction生命周期回调—监听页面卸载
onPullDownRefreshfunction监听用户下拉动作
onReachBottomfunction页面上拉触底事件的处理函数
onShareAppMessagefunction用户点击右上角转发
onShareTimelinefunction用户点击右上角转发到朋友圈
onAddToFavoritesfunction用户点击右上角收藏
onPageScrollfunction页面滚动触发事件的处理函数
onResizefunction页面尺寸改变时触发,详见 响应显示区域变化
onTabItemTapfunction当前是 tab 页时,点击 tab 时触发
其他any开发者可以添加任意的函数或数据到 Object 参数中,在页面的函数中用 this 可以访问

onLoad,经常用作异步加载数据,页面显示用;

onHide, 链接组件

<navigator url="/pages/index/index" open-type="navigate">index</navigator>

onPullDownRefresh:

先全局设置允许下拉刷新:

"enablePullDownRefresh": true

onReachBottom:

小技巧

view{$}*100 可以复制100个view标签
在这里插入图片描述

微信搜一搜【java1234】关注这个放荡不羁的程序员,关注后回复【资料】有我准备的一线大厂笔试面试资料以及简历模板。

以上是关于微信小程序页面生命周期的主要内容,如果未能解决你的问题,请参考以下文章

微信小程序生命周期(onLoad,onHide,onShow,onReady,onUnload)

微信小程序生命周期 / 页面的生命周期 / 页面的用户行为

微信小程序生命周期

微信小程序生命周期学习笔记-组件

微信小程序:渲染流程、生命周期和触发顺序

微信小程序页面生命周期