当前位置: 首页 > news >正文

微信小程序跳转传参方式

在微信小程序中使用 uni.navigateToMiniProgram 跳转到另一个小程序时,可以通过两种方式传递参数:

1. 通过 path 传参

uni.navigateToMiniProgram({
  appId: item.AppId,
  envVersion: "release",
  path: 'pages/targetPage/targetPage?key1=value1&key2=value2', // 通过path传参
  success: function (res) {
    console.log("跳转外部小程序成功", res.errMsg)
  }
})

目标小程序可以通过页面 onLoad 方法获取这些参数:

onLoad: function(options) {
  console.log(options.key1); // 输出 value1
  console.log(options.key2); // 输出 value2

2. 通过 extraData 传参

uni.navigateToMiniProgram({
  appId: item.AppId,
  envVersion: "release",
  extraData: { // 通过extraData传参
    foo: 'bar',
    key: 'value'
  },
  success: function (res) {
    console.log("跳转外部小程序成功", res.errMsg)
  }
})

目标小程序需要在 App.onLaunch 或 App.onShow 中接收这些参数:

App({
  onLaunch: function(options) {
    console.log(options.referrerInfo.extraData.foo); // 输出 'bar'
  },
  onShow: function(options) {
    console.log(options.referrerInfo.extraData.foo); // 输出 'bar'
  }
})

注意事项

  1. 两种传参方式可以同时使用
  2. path 传参适合页面级参数,extraData 适合应用级参数
  3. 目标小程序必须配置了允许被跳转的 appId 白名单
  4. 跳转前最好检查目标小程序是否可用:

uni.navigateToMiniProgram({
  // ...其他参数
  fail: function (res) {
    console.log("跳转失败", res.errMsg)
  }
})

 

http://www.lryc.cn/news/575880.html

相关文章:

  • 链表最终章——双向链表及其应用
  • Stable Diffusion入门-ControlNet 深入理解-第三课:结构类模型大揭秘——深度、分割与法线贴图
  • 【向上教育】结构化面试开口秘籍.pdf
  • 【江科大】STM32F103C8T6 + TB6612 + N20编码器减速电机《03-增量式PID定速控制》(增量式PID,定时器输入捕获,定时器编码器)
  • 动手学Python:从零开始构建一个“文字冒险游戏”
  • Fiddler中文版抓包工具在跨域与OAuth调试中的深度应用
  • 电子电气架构 --- 车联网技术简介
  • 什么是国际期货?期货交易平台搭建
  • 在反向代理环境下精准获取客户端真实 IP 的最佳实践
  • Java项目:基于SSM框架实现的宠物综合服务平台管理系统【ssm+B/S架构+源码+数据库+毕业论文+开题报告】
  • 论分布式设计
  • 学习设计模式《十五》——模板方法模式
  • Python打卡:Day39
  • LLM驱动开发:正在重塑软件工程的下一场革命
  • Moxa 加入 The Open Group 的开放流程自动化™论坛,推动以开放、中立标准强化工业自动化
  • uniapp处理后端返回的html字符串
  • Redis-zset有序集合
  • 什么是DNS缓存投毒?有哪些防御措施?
  • mac 安装python,切换python版本
  • 聚铭网络入选嘶吼《中国网络安全细分领域产品名录》“云平台安全管理”与“态势感知”双领域TOP10
  • 【C++】责任链模式
  • VSCode中创建和生成动态库项目
  • CSS3实现同心圆效果
  • flink同步kafka到paimon,doris加速查询
  • RediSearch高性能全文搜索引擎
  • AI优化SEO关键词精进
  • 基于Redis分布式的限流
  • JavaScript性能优化
  • Feign 实战指南:从 REST 替代到性能优化与最佳实践
  • 【数据结构】B树的介绍及其实现C++