微信小程序----页面生命周期
2023-09-27 14:28:57 时间
页面生命周期函数
- onLoad—-监听页面加载
- onReady—-监听页面初次渲染完成
- onShow—-监听页面显示
- onHide—-监听页面隐藏
- onUnload—-监听页面卸载
Page({
/**
* 页面的初始数据
*/
data: {
banner_url:data.bannerList(),
open:false
},
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
console.log("==onLoad==");
},
/**
* 生命周期函数--监听页面初次渲染完成
*/
onReady: function () {
console.log("==onReady==");
},
/**
* 生命周期函数--监听页面显示
*/
onShow: function () {
console.log("==onShow==");
},
/**
* 生命周期函数--监听页面隐藏
*/
onHide: function () {
console.log("==onHide==");
},
/**
* 生命周期函数--监听页面卸载
*/
onUnload: function () {
console.log("==onUnload==");
}
})
进入首页触发的函数
进入和离开blog页面的触发函数
总结:
1. 在离开首页进入详情页面的时候采用的是onHide函数—-只是将页面隐藏,当我们回到首页的时候直接用onShow显示就好;
2. 在离开详情页面的时候采用的是onUnload函数—-此处是将页面卸载,所以下次进入详情页面的时候,我们需要将页面再次(加载—-显示—-渲染)
3. 以上情况是在不设置open-type的情况,如果open-type=”redirect”,那么在离开首页的时候就会触发onUnload,从而不能再返回首页。
详情参考:微信小程序组件的navigator
其他
相关文章
- 微信小程序 - 超出文字省略组件
- 微信小程序 - 文本框显示限制最大长度
- 【微信小程序】-- 页面导航 -- 声明式导航(二十二)
- 【微信小程序】--JSON 配置文件作用(三)
- 微信小程序 - 页面插入添加 Banner 广告超详细教程(支持自定义样式、位置、大小等)及注意事项
- 微信小程序 - 引入使用 MD5 加密
- 微信小程序 - 带参数跳转页面参数字段文章内容太长或包含特殊字符(“?“,“&“ 或 “=“)导致被截取或失败
- 微信小程序 - 每隔一段时间请求后端接口获取最新数据,页面每隔一段时间就触发一个函数(实时刷新数据,页面每隔 N 秒自动请求接口数据)让页面每隔一段时间就请求一次接口,详细示例教程可运行示例
- 微信小程序页面跳转方式+跳转小程序(直接复制代码可用)
- 红色警戒!Windows微信蓝屏文件刨析!
- 自用 微信小程序跳小程序
- 微信小程序裁剪图片成圆形
- 微信小程序如何生成当前页面二维码
- 微信小程序~页面跳转和路由
- 微信小程序自动检测版本并提示更新新版本
- 微信小程序投诉页面与交互设计
- 微信小程序支付及退款整体流程
- 最简单的微信小程序滑动删除
- 微信小程序 | 微信公众平台SpringBoot开发之收到消息后进行简单回复
- 微信小程序学习第5天——页面导航(声明式与编程式导航)与页面事件(上拉与下拉刷新)
- 【微信小程序】Page页面跳转(路由/返回)并传参