前言:
最近在公司完成了一个两个小程序之间进行跳转的需求,将跳转方式与携带参数的方式分享给伙伴们:
代码展示:
javascript
wx.navigateToMiniProgram({
// 另一个程序的appId
appId: "wxbbd...",
//你希望跳转到另一个小程序的目标路径,携带参数直接拼接在跳转的路径后面
path: `pages/flaunt/flaunt?wx_data=${JSON.stringify(
this.data.medalData[this.data.currentIndex]
)}&token=${this.data.token}&userId=${wx.getStorageSync("userId")}`,
//跳转小程序的版本状态可选值:'develop'(开发版)、'trial'(体验版)、'release'(正式版)
envVersion: "release",
//跳转成功的回调
success(res) {
//可以执行一些需要的操作,例如:添加埋点
},
fail(err) {
//可以执行一些需要的操作,例如:打印失败原因
},
complete(meg){
//可以执行一些需要的操作,例如:进行调试
}
});
在另一个小程序中接受参数:
javascript
data: {
token: "",
userId: "",
posertItem: {},
},
//在另一个小程序的onLoad生命周期函数中使用options.传达值名字的方式进行接收
onLoad(options) {
if (options.wx_data) {
const posertItem = JSON.parse(options.wx_data);
this.setData({
posertItem,
});
this.setData({
token: options.token,
userId: options.userId,
});
},