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

微信小程序开发中,onLoad() 和onShow()的区别介绍在微信小程序的开发过程中,经常用到很多生命周期函数,在这里介绍一下,onLoad()和onShow()的区别:onLoad():在页面加载的时候触发,只会调用一次,在onLoad()函数中,可以通过option获取当前页面路径中的参数onShow():在页面显示时调用,也就是切换页面的时候,或者切入前台的时候触发,可以多次触发应用场景onLoad():在页面进行跳转时,携带参数跳转;从A页面跳转到B页面,在A页面的跳转链接里使用拼接字符串的方式,拼接参数;然后在B页面

介绍

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

  1. onLoad() : 在页面加载的时候触发,只会调用一次,在onLoad() 函数中,可以通过 option获取当前页面路径中的参数
  2. onShow(): 在页面显示时调用,也就是切换页面的时候,或者切入前台的时候触发,可以多次触发

应用场景

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

今天的文章微信小程序开发中,onLoad() 和onShow()的区别分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
如需转载请保留出处:https://bianchenghao.cn/26888.html

(0)
编程小号编程小号

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用*标注