官方入口：wx.navigateToMiniProgram(Object object)

点我https://developers.weixin.qq.com/miniprogram/dev/api/navigate/wx.navigateToMiniProgram.html

实现步骤：

一、配置双方小程序的appid

a小程序：app.json: //数组是其他小程序的appid

"navigateToMiniProgramAppIdList": ["wx344d57363fac..."]

b小程序中： app.json: //数组是其他小程序的appid

"navigateToMiniProgramAppIdList": ["a小程序的appid"]

二、跳转- a小程序中

1、页面标签跳转

<navigator app-id="b小程序的appid"path="/pages/index/index?a=1" //b小程序的打开路径bindsuccess="successFun"      //跳转成功以后的回调函数version="develop"             //跳转 b小程序的版本号，如果是线上则不需要target="miniProgram" open-type="navigate" extra-data="{{message}}">跳转
</navigator>

2、js方法跳转

<button bindtap='goOtherPage'>点我跳转</button>

//跳转到别的小程序
goOtherPage:function() {wx.navigateToMiniProgram({appId: 'wx344d57363fac558a',path: '/pages/login/login?a=1',//跳转目标页面+携带参数extraData: {a: '123'//携带参数},envVersion: 'develop',success(res) {// 打开成功debugger}})
},

三、接收参数-b小程序中

1、/pages/login/login?a=1 获取 a=1

***在跳转的页面里面，onLoad这个函数里面可以获取到

2、获取extraData

message对象获取需要在小程序B的app.js的 onshow 或者 onlaunch 函数里面获取

//login.js
Page({onLaunch: function (e) {let path = e.path //路由 = pages/login/loginlet obj = e.referrerInfolet extraData = obj.extraData  //参数let appID= obj.appId          //参数},onShow:function(e){let path = e.path //路由 = pages/login/loginlet obj = e.referrerInfolet extraData = obj.extraData  //参数let appID= obj.appId          //参数let a = extraData.a  //拿到我们a小程序传的值了}})

四、测试，最起码也要真机测试才可以

小程序中实现两个或者多个小程序之间互相跳转相关推荐

习题 11.1 将例11.1的程序片断补充和改写成一个完整、正确的程序，用公用继承方式。在程序中应包括输入数据的函数，在程序运行时输入num，name，sex，age，addr的值，程序应输出以上。。
C++程序设计(第三版) 谭浩强习题11.1 个人设计习题 11.1 将例11.1的程序片断补充和改写成一个完整.正确的程序,用公用继承方式.在程序中应包括输入数据的函数,在程序运行时输入num, ...
习题 11.1 将例11.1的程序片断补充和改写成一个完整、正确的程序，用公用继承方式。在程序中应包括输入数据的函数，在程序运行时输入num，name，sex，age，addr的值。
习题 11.1 将例11.1的程序片断补充和改写成一个完整.正确的程序,用公用继承方式.在程序中应包括输入数据的函数,在程序运行时输入num,name,sex,age,addr的值,程序应输出以上5个 ...
小程序中的css样式有哪些,微信小程序中css样式media标签
前沿:微信小程序中我遇到了一个对我来说是新的东西,但是对于前端开发来说不算是新知识,html页面中的media标签,在此记录下来以备不时之需在css中我们使用media标签来区分调用哪个css样式, ...
matlab 两个数中取小,matlab中取两个数中的较小值
在EXCEL表中,如何取一组数据中的两个最大数和两个最小数?用什么函数? =large(a1:a15,1)第一大=large(a1:a15,2)第二大=small(a1:a15,1)第一小=small ...
小程序中封装ajax请求,如何在微信小程序中封装网络请求
如何在微信小程序中封装网络请求发布时间:2021-05-11 16:59:36 来源:亿速云阅读:95 作者:Leah 这期内容当中小编将会给大家带来有关如何在微信小程序中封装网络请求,文章内容丰 ...
java源程序中区分大小写_Java程序中不区分大小写字母。( )_学小易找答案
[单选题]下列选项中,不属于Java语言特点的一项是( ) [单选题]丝绸时髦了,人造纤维过时了. [单选题]<葛生>出自<诗经>的: [多选题]keyshot渲染的光源是利用 ...
程序中抛出空指针异常_从Java应用程序中消除空指针异常
程序中抛出空指针异常这篇文章简要介绍了Java 8的最有用但又"毫不夸张"的功能. 程序员花费了无尽的时间来纠正最常见但最危险的错误之一,即Null指针异常. 空指针异常会导致我 ...
在c语言程序中main函数的位置,在C语言程序中,main函数的位置_________。
在C语言程序中,main函数的位置_________. 答:可以放在任意位置一切邪教组织及其活动都是诡秘的.邪恶的.危害社会的.非法的答:正确产品可以根据其耐用性和是否有形而分为( ) 答:非耐 ...
在C语言程序中 main函数的位置,在C语言程序中，main函数的位置是________。
8.<农村人居环境整治三年行动方案>,中置聚焦农村生活垃圾.中置生活污水治理和村容村貌提升等重点领城,集中实施整治行动.其中,垃圾分类主要是建立健全符合农村实际.方式多样的生活垃圾收运处置 ...

小程序中实现两个或者多个小程序之间互相跳转

前言：

小程序中实现两个或者多个小程序之间互相跳转，a小程序带参跳转到b小程序中。

官方入口：wx.navigateToMiniProgram(Object object)

实现步骤：

一、配置双方小程序的appid

a小程序：app.json: //数组是其他小程序的appid

b小程序中： app.json: //数组是其他小程序的appid

二、跳转- a小程序中

1、页面标签跳转

2、js方法跳转

三、接收参数-b小程序中

1、/pages/login/login?a=1 获取 a=1

2、获取extraData

四、测试，最起码也要真机测试才可以

小程序中实现两个或者多个小程序之间互相跳转相关推荐

最新文章

热门文章