实现从一个微信小程序跳转到另一个微信小程序

前言:

最近在公司完成了一个两个小程序之间进行跳转的需求,将跳转方式与携带参数的方式分享给伙伴们:

代码展示:

  wx.navigateToMiniProgram({
     // 另一个程序的appId
      appId: "wxbbd...",
     //你希望跳转到另一个小程序的目标路径,携带参数直接拼接在跳转的路径后面
      path: `pages/flaunt/flaunt?wx_data=${JSON.stringify(
        this.data.medalData[this.data.currentIndex]
      )}&token=${this.data.token}&userId=${wx.getStorageSync("userId")}`,
     //跳转小程序的版本状态可选值:'develop'(开发版)、'trial'(体验版)、'release'(正式版)
      envVersion: "release",
      //跳转成功的回调
      success(res) {
        //可以执行一些需要的操作,例如:添加埋点
      },
      fail(err) {
        //可以执行一些需要的操作,例如:打印失败原因
      },
      complete(meg){
       //可以执行一些需要的操作,例如:进行调试
      }
    });

在另一个小程序中接受参数:

 data: {
    token: "",
    userId: "",
    posertItem: {},
},
//在另一个小程序的onLoad生命周期函数中使用options.传达值名字的方式进行接收
  onLoad(options) {
    if (options.wx_data) {
      const posertItem = JSON.parse(options.wx_data);
      this.setData({
        posertItem,
      });
    this.setData({
      token: options.token,
      userId: options.userId,
    });
  },

 

你可能感兴趣的:(微信小程序,小程序)