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

作者:米云网络 时间:2023-09-10 浏览:1270
1270
  • 介绍

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

  • onLoad() : 在页面加载的时候触发,只会调用一次,在onLoad() 函数中,可以通过 option获取当前页面路径中的参数

  • 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.idconsole.log(this.id) // 得到id的值为A页面传过来的 7}
  • onShow():在A页面跳转B页面后,B页面修改了数据,再次返回到A页面的时候,需要同步刷新已经修改的内容; 也就是上面介绍的,页面从隐藏到显示,前后的页面切换,故而使用到 onShow(),具体方法: 将请求数据放在 onShow()里,这样在切换页面的时候,就可以达到重新刷新的效果。


文章链接:https://www.yunscrm.cn/zixun/148.html
文章标题:微信小程序开发onLoad() 和onShow()的区别
声明: 所发布的内容,部分为原创文章,转载请注明来源,网络转载文章如有侵权请联系我们!

相关阅读