uniapp的onload()和onshow()的区别

uniapp的onload()和onshow()的区别

一、onLoad
只加载一次,监听页面加载,其参数为上个页面传递的数据,参数类型为Object(用于页面传参)

二、onShow
监听页面显示。页面每次出现在屏幕上都触发,包括从下级页面点返回露出当前页面。

主要区别:
从二级页面返回该页面时,onLoad不会再次加载,而onshow会重新加载。

这点很重要:

1.如果加载列表页,二级页面对一级的列表页面内容有修改,则以及列表函数应该在onShow中加载,否则可以选择onLoad。

2.如果从一个页面携带参数跳转到另外一个页面,在另一个页面获取参数的方式: onLoad(options){ console.log(options.xxx) },这些参数都挂在在options.

总结一下 1:在一些数据变化较少的时候我们用onload 2:像这些order订单列表数据变化及时性我们用的是onshow;

总结:
onLoad先于onShow执行
onLoad页面的整个生命周期里,只执行一次
onShow页面的整个生命周期里,可执行多次,即每次显示都会执行
获取参数并且只请求一次的事件放在 onLoad 里。
当前页面需要时时刷数据的请求多次的事件放在 onShow 里。

https://www.cnblogs.com/hellocd/p/13998360.html来源
官网生命周期:https://uniapp.dcloud.io/api/lifecycle

  • 6
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
onLoad()和onShow()是微信小程序中的两个生命周期函数。 onLoad()函数在页面加载时触发,表示页面的初始化过程。它只会调用一次。在onLoad()函数中,可以进行数据的初始化、网络请求等操作。通常用于获取页面参数、初始化数据等。比如在页面进行跳转时,可以通过onLoad()函数携带参数跳转,从一个页面跳转到另一个页面,并在目标页面中使用option获取参数。 onShow()函数在页面展示时触发,表示页面被显示到前台。当页面从后台切换到前台时,也会触发onShow()函数。在该函数中,可以处理页面显示相关的逻辑,例如刷新数据、更新UI等。onShow()函数可能会多次执行,因为页面在切换后台和前台之间多次切换时都会触发。 所以,onLoad()和onShow()的区别在于触发时机和执行次数。onLoad()在页面加载时触发,只会调用一次,而onShow()在页面展示时触发,可能会多次执行。 #### 引用[.reference_title] - *1* [微信小程序开发中,onLoad() 和onShow()的区别](https://blog.csdn.net/Shivy_/article/details/121790725)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [UniApp `onShow` 和 `onLoad` 区别以及执行顺序](https://blog.csdn.net/YN2000609/article/details/131487403)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值