微信小程序onload()和onshow()的使用

最新推荐文章于 2025-06-18 16:29:21 发布

原创

最新推荐文章于 2025-06-18 16:29:21 发布 · 7.8k 阅读

11 ·

CC 4.0 BY-SA版权

本文探讨了微信小程序中onLoad和onShow的生命周期区别。onLoad在页面加载时调用，用于获取参数；onShow在页面显示时调用，包括启动或从隐藏到显示，可被多次调用。文章通过实例分析了如何在页面跳转时传递参数以及如何实现在页面间同步刷新数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

微信小程序onload()和onshow()的使用

声明周期onLoad与onShow的区别？

onLoad页面加载时调用，可以获取参数，通过options，只调用一次。
onShow页面显示时调用(启动/页面从隐藏到启动)，可调用多次。

业务场景

一、跳转携带参数

从A页面跳转到B页面，B页面读取传递过来的参数

A页面

    goChangeNickname: function() {
        var name = this.data.nickname;      
        wx.navigateTo({
            url: "/https/blog.csdn.net/pages/edit-partial-info/index?type=nickname&nickname="+name
        });
    },

B页面

  //页面加载时
  onLoad: function (options) {
    var me = this;
    console.log(options);
    debugger;
    me.setData({
      nickname: options.nickname,
      intro: options.intro,
      type: options.type
    })
  }