小程序wx.navigateToMiniProgram跳转传参和接收参数

最新推荐文章于 2025-06-20 16:31:25 发布
最新推荐文章于 2025-06-20 16:31:25 发布
阅读量5.6k 收藏 3
点赞数
CC 4.0 BY-SA版权
文章标签： 小程序 微信小程序
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/yyiming/article/details/129382160
本文详细介绍了如何使用wx.navigateToMiniProgram进行小程序间的参数传递，包括在调用时设置path和extraData传参，以及在目标小程序的App.onLaunch和App.onShow中接收query参数的方法。通过微信开发者工具可以模拟并查看数据结构。

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

小程序wx.navigateToMiniProgram跳转传参和接收参数

看了好多没有具体的步骤，自己写一下

  1. 传参

wx.navigateToMiniProgram({

appId: '',

path: 'page/index/index?id=123',

extraData: {

foo: 'bar'

},

envVersion: 'develop',

success(res) {

// 打开成功

}

})

  1. 对应小程序接收参数

需要在app.js App.onLaunch，App.onShow 中接收，数据结构参考如下：

注意：path 中 ? 后面的部分会成为 query，

  1. 微信开发者工具上模拟小程序进入：

这样就可以看到数据结构啦

完结撒花~

参考链接：https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

yyiming
关注
微信小程序 - wx.navigateTo 跳转的路径携带 query 等参数，直接被忽略截断了（只剩网页域名后面的参数都没了），导致无法顺利传递给 web-view 组件（解决方案）
资深程序员
09-27 166
例如，您要通过 web-view 跳转的链接为value=哈哈哈，可以看到是带参数的，但是通过路由跳转 API wx.navigateTo() 携带过去后，这种链接最后被解析为，最终导致与预期的效果不一致。微信小程序跳转 H5 页面时，该路径地址后面存在 Query 参数时，会被自动忽略（截取），只会取地址中的域名那部分，支持 Vue2 / Vue3 语法。
【微信小程序系列：一】携带参数跳转半屏微信小程序 先 A-＞B 后 B -＞A
你好呀，很高兴你在看这里~
10-21 2955
普通的小程序里跳转其它小程序大家都知道，用wx.navigateToMiniProgram，而跳半屏的小程序比较少，是用wx.openEmbeddedMiniProgram。效果大概如下，一般把跳转的小程序当个工具使用。
微信小程序之跳转其他小程序 wx.navigateToMiniProgram
panzina的博客
06-16 5710
wx.navigateToMiniProgram 打开另一个小程序 wx.navigateBackMiniProgram返回到上一个小程序（只有在当前小程序是被其他小程序打开时可以调用成功）
小程序与小程序之间相互跳转、传值、接收参数、navigator、navigateToMiniProgram
柠檬酸
07-26 1万+
小程序之间相互跳转，navigator 、wx.navigateToMiniProgram 唤起打开另一个小程序、小程序接收另一个小程序传参，小程序接收extra-data 参数
微信【跳转】相关API详细整理，包含注意事项
最新发布
jlp2622918191的博客
06-20 943
微信跳转模块API整理，详细内容及注意事项输出
微信小游戏跳转小程序接口 wx.navigateToMiniProgram
DullSwordCN的博客
09-27 8133
小程序的navigateToMiniProgram要弃用了，但小游戏的navigateToMiniProgram应该是没事，因为用别的H5引擎的话，用不了它的 <navigator> 组件，所以小游戏navigateToMiniProgram接口说明中没提到弃用的问题。 path string   否 打开的页面路径，如果为空则打开首页 如果不是要打开首页...
微信小程序跳转小程序 wx.navigateToMiniProgram
热门推荐
weixin_41316824的博客
12-29 1万+
  每个小程序可跳转的其他小程序数量限制为不超过 10 个 从 2.4.0 版本以及指定日期（具体待定）开始，开发者提交新版小程序代码时，如使用了跳转其他小程序功能，则需要在代码配置中声明将要跳转的小程序名单，限定不超过 10 个，否则将无法通过审核。该名单可在发布新版时更新，不支持动态修改。配置方法如下：        小程序根目录下的 game.json 文件用来对微信小程序进行全局配置...
微信小程序webview中wx.miniProgram.navigateTo()的使用及其问题的一般解决方法
初见月
07-22 3063
微信小程序webview中wx.miniProgram.navigateTo()的使用及其问题的一般解决方法
微信小程序和另一个小程序之间的跳转及如何传参交互
期许的博客
11-19 5355
最近开发中有个需求需要跟别的小程序之间进行交互跳转传参，写此篇记录一下然后看能不能给到别人一些帮助 1，
小程序 a 携带参数 跳转 小程序b 并且小程序b 携带参数 返回
2301_79491526的博客
08-13 564
如遇到该情况，通过判断场景值为1038且来源小程序为b小程序，即可认定为收银台返回，当前若extraData为空，则需要。），如果调用该方法需要进行版本判断兼容，若无半屏打开需求，建议直接调用navigateToMiniProgram打开。，extraData内容会为空，调用方小程序会无法获得支付结果，该情况为微信小程序特性，小程序代码无法处理。// "当前通过物理按键返回，未接收到返参，建议自行查询交易结果";在b小程序中完成后，会回调结果，具体结果可以在小程序生命周期。// "回调成功";
微信小程序开发问题总结
newbalsh的博客
10-29 966
它们在两个进程中进行，通过系统层JSBridge实现通信，实现UI的渲染、事件处理。在 success的回调中 ，调用 wx.requestPayment ，请求小程序的支付，在请求的参数中传递 签名信息和商品信息；后台会根据我们传过去的code值来获取openid和session_key，后台需要调用数据库，将登录的信息进行保存，如果是第一次登录，会生成一条新的注册记录。注意：有的网站，登录成功后，还有一个手机绑定的功能，获取该微信的手机号，使用wx.request传到后台，与相应的注册账号进行绑定。
wx.navigateToMiniProgram 无需声明跳转名单，不限跳转数量
qq_26642611的博客
12-04 925
两个微信小程序之间跳转 wx.navigateToMiniProgram
weixin_44177244的博客
08-22 1516
wx.navigateToMiniProgram
小程序开发API之跳转其他小程序wx.navigateToMiniProgram
M.Siebel
02-27 5084
跳转 跳转其他小程序需要先获取需要跳转的小程序的AppID 例如：以iOS为例，跳转到小程序“快递100”i 打开小程序后点击右上角胶囊设置键（三个点）选择“关于快递100” 打开“关于快递100”页面后右上角胶囊设置键选择“更多资料”，打开页面获取AppID 获取AppID后需要在App.json中配置 json配置 当小程序需要使用 wx.navigateToMiniProgram 接口跳转到...
uni.navigateToMiniProgram 跳转、传参
weixin_47211345的博客
12-16 2094
uni.navigateToMiniProgram 传参踩坑笔记
微信小游戏跳转wx.navigateToMiniProgram
CC
11-29 5289
之前的微信小游戏使用wx.navigateToMiniProgram可以互相之间进行跳转，并且不需要进行用户的授权，而且两个小程序跳转还需要绑定在同一个公众号下面才可以，但是从2.3.0版本开始微信添加了限制，如下图 这其中的限制包括在进行小游戏跳转中要经过用户的确认可以才行，虽然现在小程序跳转不需要绑定公众号了，微信通过开发者自定义game.json下的配置表设定了需要跳转小程序的appid，...
小程序：小程序跳小程序，通过wx.navigateToMiniProgram
分享前端开发工程师的一些日常生活、前端知识点、职业发展、对一些问题的看法、感悟等等
08-20 655
小程序跳转小程序 没有限制，只要提供 appId 就行 wx.navigateToMiniProgram({ appId: '', path: `pages/index/index?code=`, envVersion: __BASE_URL__ === '测试环境' ? 'trial' : 'release', success(res) { console.log('跳转小程序成功') } }) 效果 参考资料 官方文档 ...
wx.navigateToMiniProgram(Object object) 微信小程序跳转微信小程序
qq_41930094的博客
09-16 2294
官方地址： https://developers.weixin.qq.com/miniprogram/dev/api/open-api/miniprogram-navigate/wx.navigateToMiniProgram.html 前言： 微信小程序appID获取途径： *手机微信打开微信小程序进入首页，点击右上角三个点（胶囊）按钮， 点击小程序名称进入-- >"更多资料" *登录小程序公众后台，查看 略.,.. ...
wx.navigateToMiniProgram()方法,微信小程序跳转到另外一个微信小程序
LiXiao_Lan的博客
04-19 2007
微信小程序带参数跳转并获取参数
12-27
微信小程序中，你可以通过`wx.navigateTo`或`wx.redirectTo`这两个API来进行页面之间的跳转，并传递参数。这里以`wx.navigateTo`为例： ```javascript // 跳转到另一个页面并传参 Page({ navigateToExample: ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值