首先小程序页面跳转能够传递参数的API有
- wx.navigateTo()
保留当前页面,跳转到应用内的某个页面。但是不能跳到 tabbar 页面 - wx.reLaunchTo()
关闭所有页面,打开到应用内的某个页面 - wx.redirectTo()
关闭当前页面,跳转到应用内的某个页面。但是不允许跳转到 tabbar 页面。
在用wx.navigateTo()
进行跳转是,需要将json对象的数据转化为字符串的形式
我们需要通过这两个函数将json数组进行类似于打包解包的过程。
JSON.stringify();//将json转成字符串传值
JSON.parse();//将字符串转成对象接收
这是我们跨页面传递的json数组
var json = [
{
"gender": "性别",
"weight": "重量"
}
]
接下来就是通过路径带参数,将参数转化为字符串格式,传递到目标页面
wx.navigateTo({
//url填写你要跳转的页面
url: './../index/index?json=' + JSON.stringify(json) //将json数组转化为字符串
同时传递过去后,我们需要在目标页将传递过来的参数拿出来
/**
* 生命周期函数--监听页面加载
*/
onLoad: function (options) {
var list = JSON.parse(options.json) //第一页传过来的字符串转化为json数组
console.log(list)