uni.navigateToMiniProgram 跳转、传参

最新推荐文章于 2024-10-24 20:06:10 发布

陈同学cs

最新推荐文章于 2024-10-24 20:06:10 发布

阅读量1.8k

点赞数 8

分类专栏：报错笔记文章标签：前端微信小程序 uni-app vue.js

本文链接：https://blog.csdn.net/weixin_47211345/article/details/135036160

版权

报错笔记专栏收录该内容

4 篇文章

订阅专栏

uni-app官网关于uni.navigateToMiniProgram的文档地址链接

uni.navigateToMiniProgram 跳转：

uni.navigateToMiniProgram({
 appId:‘目标小程序的appId’,
  path: ‘目标小程序的路径’,
  extraData: { //传给目标小程序的参数
	order_type:‘true’
},
  success(res) {
	console.log(res)
  },
  fail(err) {
  	console.log(err)
  }
})

关于 uni.navigateToMiniProgram 接收参数的问题，官网是这样介绍的：
在这里插入图片描述

小程序端调试的话可以用场景值为1037的方式进行调试
在这里插入图片描述

注意这是在APP.vue里的onShow打印的！
在这里插入图片描述

打印出的落地小程序接收到的格式如下：
![在这里插入图片描述](https://img-blog.csdnimg.cn/direct/ba44725d2aea4248aaae4739aea91ba1.png

还有一个方法是在指定的落地页里获取到该参数
在这里插入图片描述

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

陈同学cs

关注关注

8
点赞
踩
10

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

uniapp - 微信小程序报错MiniProgramError Cannot read property ‘dataset‘ of undefined TypeError: Cannot read！

高级前端工程师

04-11

9380

uniapp，微信小程序，报错，MiniProgramError Cannot read property ‘dataset‘ of undefined TypeError:Cannot read property 'dataset'of undefined，MiniProgramError无法读取未定义类型的属性“dataset”错误：无法读取未明确定义的属性“dataset”，uniapp小程序版发布后提示错误，uniApp编译成小程序打包的时候发现编译不成功，小程序上传后不能正常调用接口，真机模拟发现

微信小程序：navigateToMiniProgram跳转小程序报错fail appId "wx......." is not in navigateToMiniProgramAppIdList...

IT老五

12-29

8564

小程序中需要用到医保支付，最早的做法是，在web-view中点击提交后，通过h5下单完毕，跳回小程序的页面后，主动跳到医保支付小程序。在之前都正常，直到昨天iphone的微信升级到7.0.0后，不能跳转了，通过调试，报错：fail appId "${appId}" is not in navigateToMiniProgramAppIdList 基础...

1 条评论您还未登录，请先登录后发表或查看评论

uniapp微信小程序中跳转页面的方法

qq_46103732的博客

11-21

2554

在 UniApp 中，有多种方法可以实现页面跳转，以下是其中几种常用的方法及其区别： uni.navigateTo：使用该方法进行页面跳转时，会关闭当前页面，跳转到指定的页面。可以在目标页面中获取传递的数据，通过 data-url 或 data-object 传递。通常用于跳转到新页面并关闭当前页面。 uni.navigateToMiniProgram：该方法用于跳转至微信小程序，并关闭当前 H5 页面。可以设置目标小程序的信息以及要打开的页面路径。通常用于跳转至其他微信小程序。

navigateToMiniProgram 的使用

qq_37916164的博客

04-16

1万+

navigateToMiniProgram 开发环境的7月20号正式弃用了,代替方法提示用的是标签,代码如下 <navigator target = "miniProgram" app-id="wx18a2ac992306a5a4" path="pages/apps/largess/detail?accountId=2849563" open-type='navigate'> &lt...

uniapp - navigateToMiniProgram 小程序跳转到另一个小程序

Rio_Gaven的博客

02-21

1117

【代码】uniapp - navigateToMiniProgram 小程序跳转到另一个小程序。

小程序与小程序之间相互跳转、传值、接收参数、navigator、navigateToMiniProgram

柠檬酸

07-26

1万+

小程序之间相互跳转，navigator 、wx.navigateToMiniProgram 唤起打开另一个小程序、小程序接收另一个小程序传参，小程序接收extra-data 参数

uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo（整理）

在北风吹起的时候加入我们的队伍在秋雨到来的时候成为彼此的温暖

07-20

749

uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo

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

yyiming的博客

03-07

5422

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

uni.navigatetominiprogram跳转传参

04-24

好的，关于你的问题，uni.navigatetominiprogram是一个跳转到小程序页面的API，可以传递参数。在跳转时，可以使用query参数来传递数据。例如，如果要传递一个key为“name”，value为“张三”的数据，可以这样使用： ...

微信小程序和另一个小程序之间的跳转及如何传参交互

期许的博客

11-19

5319

最近开发中有个需求需要跟别的小程序之间进行交互跳转传参，写此篇记录一下然后看能不能给到别人一些帮助 1，

uni-app

weixin_46670795的博客

10-18

482

uni-app input框的一些属性 uni-app里不一样的地方发起网络请求 $myRequest方法挂载到全局数据缓存图片的上传和预览条件编译跨端兼容导航跳转和传参两种方法导航跳转和传参组件的创建使用和组件的生命周期函数 button的三个属性 primary default warn 组件之间的通迅方式 map组件和 uni.makePhoneCall()的使用 input框的一些属性常用的并且能为大多数浏览器所识别的类型大概有：text、password、number、

uniapp小程序跳转页面

热门推荐

weixin_41316824的博客

12-29

1万+

每个小程序可跳转的其他小程序数量限制为不超过 10 个从 2.4.0 版本以及指定日期（具体待定）开始，开发者提交新版小程序代码时，如使用了跳转其他小程序功能，则需要在代码配置中声明将要跳转的小程序名单，限定不超过 10 个，否则将无法通过审核。该名单可在发布新版时更新，不支持动态修改。配置方法如下：小程序根目录下的 game.json 文件用来对微信小程序进行全局配置...

uniapp 微信小程序跳转到其他小程序,相互传参

qq_43592392的博客

06-14

855

Uniapp小程序内部打开小程序,以及如何传参

两个微信小程序之间跳转 wx.navigateToMiniProgram

weixin_44177244的博客

08-22

1455

wx.navigateToMiniProgram

【小程序】通过navigateToMiniProgram或者navigator实现小程序间传递大量文字信息

a day a better

10-08

4539

【小程序】通过navigateToMiniProgram或者navigator实现小程序间传递大量文字信息有时候需要在小程序之间传递大量文字信息，如几百字甚至上千字的数据；亲测有如下两种方式可以实现。方式一 wx.navigateToMiniProgram 注意：此方式官方已废弃，不再建议使用，但运行依然有效。代码如下：发送端： wx.navigateToMiniProgra...

uni.navigateToMiniProgram支付宝跳转失败

02-20

### 解决 `uni.navigateToMiniProgram` 在支付宝环境中的跳转失败当尝试通过 `uni.navigateToMiniProgram` 实现跨小程序跳转时，在某些特定环境下可能会遇到兼容性问题，尤其是在支付宝环境中。为了确保顺利实现这一功能，需注意几个关键点。 #### 1. 平台差异处理不同平台对于API的支持存在细微差别。针对iOS和Android设备的不同行为模式，可以通过条件编译来适配： ```javascript if (process.env.VUE_APP_PLATFORM === 'mp-alipay') { // 支付宝小程序特殊逻辑 } else { // 其他平台通用逻辑 } ``` 此方法允许开发者根据不同平台编写针对性代码[^2]。 #### 2. 延迟执行策略有时立即调用可能导致目标应用未完全准备好接收请求，特别是移动操作系统层面可能存在的延迟加载机制。因此引入适当延时有助于提高成功率: ```javascript let that = this; if (that.data.plat === 'ios') { setTimeout(() => { that.shareAd(); }, 500); } else if (that.data.plat === "android") { that.shareAd(); } ``` 这段代码展示了如何基于操作系统的不同采取不同的响应时间设置[^3]。 #### 3. 参数配置准确性确保传递给 `wx.navigateToMiniProgram` 的参数正确无误非常重要。具体来说就是确认 `appId`, `path`, 和任何附加数据都按照官方文档的要求进行了精确指定。此外还需验证 JSON 文件内的 `"navigateToMiniProgramAppIdList"` 是否包含了预期的小程序 ID 列表[^1]: ```json { "usingComponents": {}, "navigateToMiniProgramAppIdList": ["APPID"] } ``` #### 4. 错误捕获与调试最后但同样重要的是，应该始终包含错误回调函数以便于捕捉并分析可能出现的问题。这不仅帮助定位潜在缺陷所在位置，也能提供更好的用户体验反馈。 ```javascript try { uni.navigateToMiniProgram({ appId: 'target-app-id', path: '/page/index?query=string', extraData: { foo: 'bar' }, success() { console.log('Successfully navigated'); }, fail(err) { console.error('Navigation failed:', err); } }); } catch (error) { console.error('Unexpected error occurred:', error); } ``` 通过上述措施可以有效提升 `uni.navigateToMiniProgram` 在支付宝环境下的稳定性及可靠性。