微信小程序路由传参传递对象
时间: 2023-11-26 12:43:25 浏览: 160
微信小程序中子页面向父页面传值实例详解
在微信小程序中,可以使用路由传参的方式传递对象。具体步骤如下:
1. 首先,在源页面中将要传递的对象转换为字符串。可以使用JSON.stringify()方法将对象转换为字符串形式。
2. 在源页面中使用wx.navigateTo或wx.redirectTo方法进行页面跳转,同时将字符串形式的对象作为参数传递给目标页面。
3. 在目标页面的onLoad生命周期函数中,可以通过options参数获取传递过来的参数。此时,传递过来的参数是一个字符串。
4. 在目标页面中,可以通过JSON.parse()方法将字符串形式的对象转换为对象类型,并进行相应的操作。
下面是一个示例代码:
在源页面中:
```javascript
// 将要传递的对象转换为字符串
let obj = { name: '小明', age: 18 };
let params = JSON.stringify(obj);
// 页面跳转并传递参数
wx.navigateTo({
url: '/pages/targetPage/targetPage?params=' + params
});
```
在目标页面中:
```javascript
Page({
onLoad: function (options) {
// 获取传递过来的参数
let params = JSON.parse(options.params);
console.log(params.name); // 输出:小明
console.log(params.age); // 输出:18
},
});
```
阅读全文