微信小程序携带参数跳转微信小程序/小程序之间的跳转

微信小程序跳转

wx.navigateToMiniProgram
从小A序跳转到小B序

首先介绍一下需要用到的api :wx.navigateToMiniProgram

他的参数们

参数名是否必填类型说明
appIdstring要打开的小程序 appId
pathstring目标小程序的指定页面,为空的话跳首页
extraDataobject需要带给目标小程序的参数
envVersionstring目标小程序的版本 (基本没啥用)
successfunction成功回调
failfunction失败回调
completefunction结束回调

在起步小程序中的app.json中需要配置跳转小程序的appid

navigateToMiniProgramAppIdList:[
	'wx巴拉巴拉巴拉巴拉'
	//(在微信公众平台->开发->开发管理->开发设置->开发者ID->AppID(小程序ID)可以找到)
]

目标小程序 可以在app.js中接收起步小程序带过来的参数,官方文档给的是app.onLaunch和app.onshow都能接到参数,但是我的onLaunch不能打印出来,可能我的小程序是个傻的小程序(注意千万是在app.js中,而不是目标页面的js文件,我就吃了这个亏)

小A序(表演跳转)

wx.navigateToMiniProgram({
    appId:'wxxxxxxxxxxxxx',
    path: 'page/index/index?id=123',
    extraData: { foo: 'bar' },
    success(res) {
        // 打开成功
    }
})

小B序(表演接收参数)

onShow(t){
    let {foo}=t.referrerInfo.extraDat
    wx.setStorageSync('foo', foo) //可以先保存起来,方便使用
}

关于调试,开发者工具是不能跳转的,不过我们可以真机调试,两个小程序都开始真机调试,在小程序右上角的三个小点点有个打开调试,就能看到log出来的参数了,根据自己习惯吧,展示在页面上也是个好办法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值