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

前言:

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

代码展示:

javascript 复制代码
  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){
       //可以执行一些需要的操作,例如:进行调试
      }
    });

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

javascript 复制代码
 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,
    });
  },
相关推荐
天_真好7 小时前
小程序知识点总结1
小程序
编程毕设11 小时前
【含文档+PPT+源码】基于微信小程序的校园快递平台
微信小程序·小程序
mon_star°13 小时前
搭建基于火灾风险预测与防范的消防安全科普小程序
安全·微信小程序·小程序·微信公众平台
换日线°16 小时前
CSS常遇到自适应高度动画、带三角气泡阴影一行样式解决
css·微信小程序
yuanmenglxb200418 小时前
微信小程序核心技术栈
前端·javascript·vue.js·笔记·微信小程序·小程序
编程毕设19 小时前
【含文档+PPT+源码】基于微信小程序连锁药店商城
微信小程序·小程序
幽络源小助理19 小时前
微信小程序鲜花销售系统设计与实现
微信小程序·小程序
换日线°1 天前
CSS简单实用的加载动画、骨架屏有效果图
css·微信小程序
10年前端老司机1 天前
微信小程序wxs
前端·javascript·微信小程序