微信小程序开发中,onLoad() 和onShow()的区别
介绍在微信小程序的开发过程中,经常用到很多生命周期函数,在这里介绍一下 ,onLoad() 和 onShow() 的区别:onLoad() : 在页面加载的时候触发,只会调用一次,在onLoad() 函数中,可以通过 option获取当前页面路径中的参数onShow(): 在页面显示时调用,也就是切换页面的时候,或者切入前台的时候触发,可以多次触发应用场景onLoad(): 在页面进行跳转时,携带
·
介绍
在微信小程序的开发过程中,经常用到很多生命周期函数,在这里介绍一下 ,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.id
console.log(this.id) // 得到id的值为A页面传过来的 7
}
onShow():
在A页面跳转B页面后,B页面修改了数据,再次返回到A页面的时候,需要同步刷新已经修改的内容; 也就是上面介绍的,页面从隐藏到显示,前后的页面切换,故而使用到onShow()
,具体方法: 将请求数据放在onShow()
里,这样在切换页面的时候,就可以达到重新刷新的效果。
更多推荐
所有评论(0)