页面显示数据(微信小程序)

微信小程序的开发过程中,经常用到很多生命周期函数,onLoad() 和 onShow() 的区别;

  1. onLoad() : 在页面加载的时候触发,只会调用一次,在onLoad() 函数中,可以通过 option获取当前页面路径中的参数
  2. onShow(): 在页面显示时调用,也就是切换页面的时候,或者切入前台的时候触发,可以多次触发
  3. 例: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 }
  • 4.onShow():在A页面跳转B页面后,B页面修改了数据,再次返回到A页面的时候,需要同步刷新已经修改的内容; 也就是上面介绍的,页面从隐藏到显示,前后的页面切换,故而使用到 onShow(),具体方法: 将请求数据放在 onShow()里,这样在切换页面的时候,就可以数据刷新。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值