Uni-app页面生命周期
2024-10-08 13:18:01
学习任何框架必须将其生命周期了然于胸.
uni-app支持如下页面生命周期函数:
| onLoad | 监听页面加载,其参数为上个页面传递的数据,参数类型为object(用于页面传参),示例中可参考 |
| onShow | 监听页面显示 |
| onReady | 监听页面初次渲染完成 |
| onHide | 监听页面隐藏 |
| onUnload | 监听页面卸载 |
| onPullDownRefresh | 监听用户下拉动作 |
| onReachBottom | 页面上拉触底事件的处理函数 |
| onShareAppMessage | 用户点击右上角分享 微信小程序 |
| onPageScroll | 监听页面滚动 |
| onTabItemTap | 当前是tab页时,点击tab触发 |
使用示例代码:
<script>
export default {
data: {
title: 'Hello'
},
onLoad:function(options){
console.log("onLoad");
},
onHide:function(){
console.log("onHide");
},
onShow:function(){
console.log("onShow");
}
}
</script>
应用生命周期函数：
| 函数名 | 说明 |
| onLaunch | 当uni-app初始化完成时触发（全局只触发一次） |
| onShow | 当uni-app启动，或从后台进入前台显示 |
| onHide | 当uni-app从前台进入后台 |
| onUniNViewMessage | 对nvue页面发送的数据进行监听 |
最新文章
- Python Day 01
- (C#)算法题
- android中判断sim卡状态和读取联系人资料的方法
- JStorm 是一个分布式实时计算引擎
- 工作中小知识点汇总（sql）
- 文件快速删除工具, 解决你的node_modules
- [Python] wxPython 状态栏组件、消息对话框组件 学习总结(原创)
- 优化TestNG测试报告
- 初识Java Servlet
- 秒懂HTTPS
- java学习-- equals和hashCode的关系
- Docker小白从零入门到实战系列【二】
- linux上安装Elasticsearch
- Kafka 处理器客户端介绍
- Java 技术新手入门
- 破解AI大脑黑盒迈出新一步！谷歌现在更懂机器，还开源了研究工具
- python-二维数组实现90度旋转
- redis 类型、方法
- 微信小程序申请。很蛋疼的流程。
- What is JPA