当前位置:   article > 正文

微信小程序uniapp onshow函数介绍

微信小程序uniapp onshow函数介绍

onShow()是小程序中的一个生命周期函数,负责页面显示时触发一些任务。

与之相对的还有一个函数onload(),同样也是生命周期函数,二者有以下区别:

1、触发时机

onLoad() 函数只会在页面加载时触发一次;

onShow() 函数每次页面显示时都会被触发。

因此,onLoad() 适用于初始化页面数据和执行一次性操作,而 onShow() 适用于更新页面数据和执行周期性操作,如定时任务、监听数据变化等。

2、参数传递

onLoad() 函数可以获取页面加载时的参数,而 onShow() 函数不能获取页面参数。如果需要获取参数,则使用onLoad。

3、执行顺序

当页面第一次加载时,onLoad() 函数会先于 onShow() 函数执行。

当页面切换时,onShow() 函数会先于 onLoad() 函数执行。

因此,在使用这两个函数时,需要注意它们的执行顺序。

  1. <script>
  2. export default {
  3. setup() {},
  4. data() {
  5. return {
  6. };
  7. },
  8. onLoad() {
  9. console.log(1)
  10. },
  11. onShow(){
  12. console.log(2)
  13. },
  14. }
  15. </script>

理解二者的不同就 可以在不同的场景下使用。比如页面加载完成初始化,需要调用后端数据时,使用onload函数;

页面切换时,监测某些数据的变化,或者执行某个定时器等任务时使用onShow()
 

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/羊村懒王/article/detail/243057
推荐阅读
相关标签
  

闽ICP备14008679号