微信小程序onLoad、onShow、onHide、onUnload区别

最新推荐文章于 2024-05-20 09:20:44 发布
最新推荐文章于 2024-05-20 09:20:44 发布
阅读量1.2k 收藏 3
点赞数
分类专栏： 前端 vue 文章标签： 小程序
原文链接：https://blog.csdn.net/ljy950914/article/details/91384311
版权
前端 同时被 2 个专栏收录
183 篇文章 6 订阅
订阅专栏
vue
31 篇文章 2 订阅
订阅专栏

onLoad：页面第一次加载时触发，从跳转页面返回时不能触发，可以传递参数

onShow：页面显示或从后台跳回小程序时显示此页面时触发，从跳转页面返回时触发，不能传递参数

onHide：页面隐藏，例如使用 wx.navigateTo只是打开新页面 并不关闭原页面

onUnload：页面被卸载，例如使用 wx.redirectTo 重定向一个页面 原页面已经关闭

当初始化或打开一个新页面时 先执行onLoad，然后执行onShow

但是对于Tab页面，又是不一样的

从A第一次请求到B 是onHide然后是onLoad、onShow

第二次请求则不执行onLoad，因为B页面已经被缓存了，所以当你想看到新页面时只能使用onShow来刷新

更加详情请参考 微信小程序路由方式 或者 微信页面方法汇总（都是微信官方文档）

Gabriel_wei
关注
  • 0
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
微信小程序 实例汇总 完整项目源代码
11-01
2. **页面生命周期**：每个小程序页面都有其独特的生命周期，包括onLoad、onShow、onReady、onHide、onUnload等方法，开发者需要理解并合理利用这些方法来管理页面状态。 3. **数据绑定**：微信小程序使用MVVM...
微信小程序源码大全（130个）
04-21
1. **页面生命周期**：每个微信小程序页面都有自己的生命周期，包括onLoad、onShow、onReady、onHide、onUnload等方法，理解这些生命周期对于优化性能和管理数据至关重要。 2. **数据绑定**：WXML与JS之间的数据...
小程序之onHide()和onUnload()
weixin_39307273的博客
12-27 1448
应用场景：个人信息页面，修改信息后，返回上层页面时，将新的个人信息传到后台 onHide：监听页面隐藏 当前页面A跳转到其他页面，页面A隐藏 onUnload：监听页面卸载 当前在页面A，点击返回按钮，页面A卸载 导航A 子页1 子页11 子页12 子页2 导航B 子页1 子页2 触发onHide()场景： 导航 -------> 子页 子页...
小程序中的生命周期onHide和onUnload
热门推荐
hhf235678的博客
12-08 5万+
onHide：监听页面的隐藏 当从当前A页跳转到其他页面，那么A页面处于隐藏状态。 onUnload：监听页面的卸载 当前处于A页面，点击返回按钮时，则将是A页面卸载、 利用这两个生命周期可以解决的问题： 防止用户快速切换页面（A->B）。导致动态设置导航栏中的文字显示出现错误 快速切换页面可能导致A页面中的数据还未返回，致使当切换到B页面的时候A数据才返回，使得导航栏显示的文字为A页面的导航栏标
微信小程序生命周期 onShow与onLoad的区别
randomair的博客
05-20 502
wx.redirectTo、wx.reLunch 回到当前页面效果与wx.navigateTo相同 但是会触发跳转前的页面的页面卸载钩子函数onUnload()而wx.navigateBack返回后只会触发页面显示周期onShow()onReady() 页面渲染周期。onReady() 页面渲染周期。onShow() 页面显示周期。onShow() 页面显示周期。onShow() 页面显示周期。onShow() 页面显示周期。onLoad()页面加载周期。onLoad()页面加载周期。
小程序onunload执行
baozaobenren的博客
05-25 1355
从a页面快速跳转到b页面，再从b页面快速跳转到a页面，会发现操作过快的话，页面的onunload不执行
修改微信小程序默认返回键，使用onUnload
weixin_55109830的博客
12-13 2907
有时候我们又不希望使用自定义返回键，又想修改微信小程序默认返回键的效果可以用onUnload生命周期：如下面代码就可以修改默认返回键效果。我这里是直接reLaunch 当然也可以选择返回前两页这样的，getCurrentPage的各种使用这里就不多介绍了，大家可以网上搜搜。
微信小程序navigateBack、navigateTo；onHide、onUnload
qq_39227035的博客
04-19 437
1. wx.navigateTo 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面，左上角有返回上一页按钮；2. wx.redirectTo 关闭当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面，左上角有返回上一页按钮；1）关闭所有页面，打开到应用内的某个页面，左上角有返回首页按钮。2）会触发除了某个页面以外的所有页面的onUnload()会触发当前页面的onHide() 不会触发onUnload()会触发当前页面的onUnload()路由跳转以及事件监听。
微信小程序设计开发文献14篇
05-26
7. **生命周期方法**：了解onLoad、onShow、onHide、onUnload等生命周期函数，理解它们在小程序运行过程中的作用。 8. **网络请求**：学习使用wx.request进行HTTP请求，获取或提交数据，如API接口调用。 9. **本地...
微信小程序设计 美食菜谱（源码）.zip
06-06
3. **生命周期方法**：每个小程序页面都有其特定的生命周期，包括`onLoad`, `onShow`, `onHide`, `onUnload`等方法，理解并合理使用这些方法能够确保程序在不同状态下的正确运行。 4. **API 使用**：微信小程序提供...
微信小程序期末复习，个人练习题答案
最新发布
05-29
了解每个页面的生命周期函数，如onLoad()、onShow()、onReady()、onHide()、onUnload()等，有助于合理安排代码执行时机。 五、微信小程序实践 在K12教育场景中，微信小程序可以用于制作在线课程、题库练习、成绩...
微信小程序使用onUnload事件遇到的问题总结
qq_36342109的博客
06-06 2402
刚开始不理解，仔细捋了捋发现问题，微信小程序5分钟之内进程是没有关闭的，而是缓存了你的页面，当你再次扫码或者已其他方式进来，他会卸载之前的缓存页面，卸载页面就会触发onunload事件，最后想到关闭微信或者胶囊按钮的关闭是触发了onhide事件，想到页面缓存了，变量也肯定是存在的，就加了一个变量来控制他不要跳转，这样每次进来就都是正确的了，虽然方法有点烂，总归问题是解决了，以后有更好的方法再替换。
小程序生命周期中的onShow方法详解
light86的专栏
12-13 2967
小程序生命周期中的onShow方法详解
onLoad和onShow的使用
weixin_30627341的博客
08-04 3037
onLoad页面第一次加载时执行，只执行一次，一般用于上一级点击进入下一级，需要传参数时使用。 onShow除了页面第一次加载时会执行，页面有什么小程序API操作行为也会触发执行。 onLoad: function (options) { // 页面初始化 options为页面跳转所带来的参数 }, onShow: function () { ...
uniapp微信小程序开发踩坑日记：onShow的应用场景及用法
lbcbjtlhmjq的博客
02-17 3893
由于微信小程序是单页应用程序，所以用户在打开小程序后，只有第一次进入页面时会加载页面，之后再通过导航栏切换到相同的页面并不会导致页面重新加载但是在某些场景下，我们希望每次用户一回到某个页面，就执行相应的函数，但因为导航栏切换页面并不会导致页面重新加载，所以页面中的代码不会被再次执行如果大家和我一样使用vue3开发，可能会想到使用vue3的生命周期函数onMounted，但同样地，导航栏切换页面也不会导致dom元素重新渲染，所以onMounted并不会执行。
onshow和onload的区别
qq_40889256的博客
04-13 640
onshow在每次打开页面都会加载数据，可用于数据在需要刷新的情况下。 onload只是在第一次进入页面时会刷新数据，从二级页面回来不会重新加载数据。
小程序开发中的onLoad()和onShow()有什么区别？
weixin_47700309的博客
04-22 1万+
声明周期onLoad与onShow的区别？ onLoad页面加载时调用，可以获取参数，通过options，只调用一次。 onShow页面显示时调用(启动/页面从隐藏到启动)，可调用多次。 **onload：**页面加载时触发，从二级页面回来时不会触发。同时可以接收 上个页面传过来的参数 **onshow：**当小程序启动，或从后台进入前台显示，会触发 onshow，从二级页面回来时也会触发。页面显示的时候触发 从上个页面返回回来也会触发 执行顺序上 onload先触发 onshow后触发 应用场景：
onload 和 onshow 的区别
qq_47902937的博客
07-25 2479
*onshow：**当程序启动，或从后台进入前台显示，会触发 onshow，从二级页面回来时也会触发。2.如果一个页面携带参数跳转到另一个页面，在另一个页面获取参数的方式：onLoad（options） console.log(options.xxx), 这些参数都挂载在options。3.**onload：**页面加载时触发，从二级页面回来时不会触发。onLoad页面加载时调用，可以获取参数，通过options，只调用一次。监听页面显示，页面每次出现在屏幕都触发，包括从下级页面点返回露出当前页面。
微信小程序事件触发器
07-27
微信小程序事件触发器是指在小程序中，用户进行某些操作时触发的相应事件。这些事件可以是用户点击按钮、滑动页面、输入内容等行为。 微信小程序中常见的事件触发器有： 1. 点击事件（tap）：当用户点击某个元素时触发，可以通过绑定相应的处理函数来实现点击后的逻辑操作。 2. 长按事件（longpress）：当用户长时间按住某个元素时触发，可以通过绑定相应的处理函数来实现长按后的逻辑操作。 3. 输入事件（input）：当用户在输入框中输入内容时触发，可以通过绑定相应的处理函数来实现实时获取输入内容并进行处理。 4. 滑动事件（touchstart、touchmove、touchend）：当用户在页面上滑动时触发，可以通过绑定相应的处理函数来实现滑动后的逻辑操作。 5. 页面生命周期事件（onLoad、onReady、onShow、onHide、onUnload）：当小程序页面被加载、准备好、显示、隐藏或卸载时触发，可以通过绑定相应的处理函数来实现相应的逻辑操作。 除了上述常见的事件触发器外，微信小程序还提供了许多其他类型的事件触发器，开发者可以根据具体需求选择合适的事件来实现交互功能。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值