uni.navigateToMiniProgram 跳转、传参

最新推荐文章于 2024-07-24 11:13:53 发布
最新推荐文章于 2024-07-24 11:13:53 发布
阅读量1k 收藏 9
点赞数 7
分类专栏： 报错笔记 文章标签： 前端 微信小程序 uni-app vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_47211345/article/details/135036160
版权

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

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

陈同学cs
关注
  • 7
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
专栏目录
uni.request.zip
09-25
本压缩包"uni.request.zip"聚焦于uni-app中的一个关键功能：`uni.request`的封装，这是一个用于进行网络请求的重要工具。这个封装不仅简化了接口调用的过程，还提供了全局方法和变量配置，使得开发过程更加高效和...
uni.webview.1.5.5.js
06-21
“uni.webview.1.5.5.js” 是一个用于描述一个 WebView 组件或库的版本标识符。WebView 在移动应用开发中常用于将 web 内容嵌入应用程序中，允许开发者在应用的用户界面中显示网页。
uniapp - navigateToMiniProgram 小程序跳转到另一个小程序
Rio_Gaven的博客
02-21 560
【代码】uniapp - navigateToMiniProgram 小程序跳转到另一个小程序。
小程序与小程序之间相互跳转、传值、接收参数、navigator、navigateToMiniProgram
热门推荐
柠檬酸
07-26 1万+
小程序之间相互跳转，navigator 、wx.navigateToMiniProgram 唤起打开另一个小程序、小程序接收另一个小程序传参，小程序接收extra-data 参数
uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo（整理）
在北风吹起的时候加入我们的队伍 在秋雨到来的时候成为彼此的温暖
07-20 607
uniapp小程序跳转其他小程序uni.navigateToMiniProgram效果demo
uniapp开发微信小程序，路由跳转传参多种方式，页面通讯、窗体通讯
柑橘乌云_
03-23 2243
1给2传递信息 ，那么emit写在1，这个时候2写的$on,当页面1触发emit并跳转页面2时候，1页面emit触发时 2页面的事件并没有监听，所以会通讯失败，只有是当2页面传递给1页面信息时候，那么进入1页面会先监听事件，再在2页面emit传值，才符合逻辑。使用时，注意及时销毁事件监听，比如，页面 onLoad 里边 uni.$on 注册监听，onUnload 里边 uni.$off 移除，或者一次性的事件，直接使用 uni.$once 监听。如果只提供了事件，则移除该事件所有的监听器；
小程序与小程序之间相互跳转并传参和获取参数
2301_77283703的博客
08-04 675
1.使用uni.navigateToMiniProgram跳转小程序,用extraData传参怎么接收参数
uniapp跳转小程序
wilL-my的博客
03-27 1708
小程序跳转小程序 uni.navigateToMiniProgram({ appId: '', path: 'pages/index/index?id=123', extraData: { 'data1': 'test' }, success(res) { // 打开成功 } }) app跳转小程序 onload(){ // 获取分享服务列表 plus.share.getServices((s) => { var shares = {}; for
uni-appAPP跳转微信小程序指定路径并携带参数
weixin_46188204的博客
07-13 1665
一、初始化onLoad调用 // 跳转微信小程序 plus.share.getServices((s) => { var shares = {}; for (var i = 0; i < s.length; i++) { var t = s[i]; shares[t.id] = t; } this.sweixin = shares['weixin']; }, function(e) { console.log("获取分享服务
amap-uni.js
04-14
仿高德地图小程序SDK制作的适用于uniapp的SDK 需要的可以私聊我把积分改为0
折磨我致死的uni.createInnerAudioContext()
01-20
uni.createInnerAudioContext创建实例设置url就可以播放了通过play方法开始使用了但是想象和现实十分的不同 列表确实是被生成了 开始出现坑我一开始写出来代码是这样的 今天项目用到uni的音频播放功能 我脑海里第一...
两个小程序之间的页面跳转及传参
苦夏木禾
06-03 1367
打开另一个小程序 wx.navigateToMiniProgram(Object object) 代码示例及注释 wx.navigateToMiniProgram({ appId: 'APPID', //需要跳转的小程序的appid,必须是在app.json中配置的 path: 'pages/index/index?id='+e.target.dataset.a, //需要跳转的页面,不必填,默认首页,path 中 ? 后面的部分会成为 query，在小程序的 App.on
微信小程序和另一个小程序之间的跳转及如何传参交互
期许的博客
11-19 4900
最近开发中有个需求需要跟别的小程序之间进行交互跳转传参，写此篇记录一下然后看能不能给到别人一些帮助 1，
uni-app小程序跳转
YouZi_X的博客
07-10 3214
uni.navigateToMiniProgram(OBJECT) 功能：打开另一个小程序。 App平台打开微信小程序，使用plus.share的launchMiniProgram。注意uni-app不需要plus ready，将plus ready里的代码写到页面的onLoad生命周期即可。使用此功能需在manifest中配置微信分享SDK信息，打包后生效。 各小程序平台对跳转到其他小程序有一些限制和规定，需要遵守，具体见各平台文档。 OBJECT 参数说明 属性 类型 默认值
uniapp 一个小程序跳转另一个小程序跳转过来的
m0_61702149的博客
08-03 4864
一个小程序跳转到另一个小程序
uniapp微信小程序中跳转页面的方法
qq_46103732的博客
11-21 2191
在 UniApp 中，有多种方法可以实现页面跳转，以下是其中几种常用的方法及其区别： uni.navigateTo： 使用该方法进行页面跳转时，会关闭当前页面，跳转到指定的页面。 可以在目标页面中获取传递的数据，通过 data-url 或 data-object 传递。 通常用于跳转到新页面并关闭当前页面。 uni.navigateToMiniProgram： 该方法用于跳转至微信小程序，并关闭当前 H5 页面。 可以设置目标小程序的信息以及要打开的页面路径。 通常用于跳转至其他微信小程序。
微信小程序之间是如何跳转的，并携带参数
weixin_52726621的博客
06-15 5063
2、在目标小程序中，接收参数并进行处理。在目标小程序中，可以使用wx.getLaunchOptionsSync API获取原始启动参数，并从中获取传递过来的参数。要实现小程序之间的跳转，需要使用小程序的跳转 API。1、在原小程序中，使用。API 跳转到目标小程序。
网站基本布局CSS
最新发布
m0_46608027的博客
07-24 827
* 滚动条轨道样式 *//* 滚动条样式 *//* 滑块样式 */
uni.navigatetominiprogram跳转传参
04-24
好的，关于你的问题，uni.navigatetominiprogram是一个跳转到小程序页面的API，可以传递参数。在跳转时，可以使用query参数来传递数据。例如，如果要传递一个key为“name”，value为“张三”的数据，可以这样使用： uni.navigateToMiniProgram({ appId: 'xxx', path: 'pages/index/index', query: { name: '张三' } }) 在目标小程序页面的onLoad生命周期函数中，可以通过options参数获取到传递过来的数据。例如，在onLoad函数中可以这样获取name参数： onLoad: function (options) { console.log(options.name) // 输出“张三” }
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值