微信小程序开发中，onLoad() 和onShow()的区别

最新推荐文章于 2026-02-11 03:54:47 发布

原创最新推荐文章于 2026-02-11 03:54:47 发布 · 1.8w 阅读

CC 4.0 BY-SA版权

文章标签：

11 篇文章

订阅专栏

本文介绍了微信小程序中onLoad和onShow两个关键生命周期函数的区别和应用场景。onLoad在页面加载时调用，适用于传递参数；onShow在页面显示时触发，适合用于页面刷新。通过例子展示了如何在页面跳转时使用onLoad获取参数，并解释了如何利用onShow实现页面数据的刷新。

在微信小程序的开发过程中，经常用到很多生命周期函数，在这里介绍一下，onLoad() 和 onShow() 的区别：

onLoad()：在页面进行跳转时，携带参数跳转；从A页面跳转到B页面，在A页面的跳转链接里使用拼接字符串的方式，拼接参数；然后在B页面里，使用option进行参数的接收，具体代码如下所示：

A页面：

window.location.href("/pages/pageB/pageB?id=7")

B页面：

data() {
  return{
    id: undefined
  }
}
onLoad(option) {
	this.id = option.id
	console.log(this.id) // 得到id的值为A页面传过来的 7
}

onShow():在A页面跳转B页面后，B页面修改了数据，再次返回到A页面的时候，需要同步刷新已经修改的内容；也就是上面介绍的，页面从隐藏到显示，前后的页面切换，故而使用到 onShow()，具体方法：将请求数据放在 onShow()里，这样在切换页面的时候，就可以达到重新刷新的效果。