onShow 和onLoad的区别-icode9专业技术文章分享

本文主要是介绍onShow 和onLoad的区别-icode9专业技术文章分享，对大家解决编程问题具有一定的参考价值，需要的程序猿们随着小编来一起学习吧！

onLoad和onShow都是生命周期函数，它们的区别如下：

1.触发时间不同

onLoad在页面初次加载时触发，而onShow在页面展示时触发。也就是说，onLoad只会在页面加载时执行一次，而onShow则会在页面每次展示时都执行。

2.传递参数方式不同

在小程序中，onLoad可以通过页面跳转时传递的参数获取，例如：

wx.navigateTo({
  url: '/pages/index/index?id=1',
})

在页面中就可以通过options参数获取到id：

onLoad(options) {
  console.log(options.id) // 1
}

而在uni-app中，需要通过uni.$route对象的query属性获取传递的参数：

onLoad() {
  console.log(this.$route.query.id) // 1
}

而在onShow中获取参数可以通过访问数据进行获取，例如：

onShow() {
  console.log(this.data.id)
}

3.执行次数不同

onLoad只在页面初次加载时执行一次，而onShow在每次页面展示时都会执行。这意味着如果从其他页面返回当前页面，onShow会被调用，但是onLoad不会再次被调用。

综上所述，onLoad和onShow有着不同的触发时间、传递参数方式和执行次数，它们的具体使用有着不同的场景需求。

标签： 来源：

本站声明： 1. iCode9 技术分享网（下文简称本站）提供的所有内容，仅供技术学习、探讨和分享； 2. 关于本站的所有留言、评论、转载及引用，纯属内容发起人的个人观点，与本站观点和立场无关； 3. 关于本站的所有言论和文字，纯属内容发起人的个人观点，与本站观点和立场无关； 4. 本站文章均是网友提供，不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属；如您发现该文章侵犯了您的权益，可联系我们第一时间进行删除； 5. 本站为非盈利性的个人网站，所有内容不会用来进行牟利，也不会利用任何形式的广告来间接获益，纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

这篇关于onShow 和onLoad的区别-icode9专业技术文章分享的文章就介绍到这儿，希望我们推荐的文章对大家有所帮助，也希望大家多多支持为之网！