微客导航 » 文章资讯 » 微信小程序间使用navigator跳转传值问题实例分析

微信小程序间使用navigator跳转传值问题实例分析

2023-07-28 00:17:14 298

本文实例讲述了微信小程序间使用navigator跳转传值问题。分享给大家供大家参考，具体如下：

前言

这次讲一下我用navigator组件实现从一个小程序跳转到另一个小程序的过程中遇到的问题。

extra-data如何构建

由于上网查资料得知extra-data是json格式。那么就不能在HTML属性中直接写。

那么剩下只有在JS里构建了。

首先在HTML里，绑定extra-data的值到extra变量

然后在JS里构建这个变量

Page({
data:{
extra:{
"color":'',//动态获取
"partnerUsername":'99',
},
},
})

这里有个问题，就是如果extra里的color等变量是动态从远程api获取到的，那么应该怎么赋值。

我凭直觉写extra.color='xx'，尝试了下不行。查阅资料发现，应该这么写:

wx.request({
url:url,
data:{
color:'',
},
header:{
'content-type':'application/json'
},
success:function(res){
that.setData({
"extra.color":app.globalData.color,
});
}
});

还可以在path属性值后面跟参数来向目标小程序传值

通过搜索发现[这篇文章](https://cloud.tencent.com/developer/article/1157552)，我试了他给出的解决方案，是可行的，现在记录在下面：

//源小程序
this.setData({
colorSet:app.globalData.color,
partner:app.globalData.partnerUsername,
});

//目标小程序
onShow:function(options){
console.log(options.query.color+options.query.partner);
}

奇怪的问题（可能是bug）：打开调试时，目标小程序能获取到动态的extra-data，关闭后无法获取到

原因是我没配合法域名，所以动态从api获取的数据获取不到。

希望本文所述对大家微信小程序开发有所帮助。

返回顶部
3162201930
czq8825@qq.com

微信小程序间使用navigator跳转传值问题实例分析

热门推荐

随机推荐