微信小程序 路由跳转第二个页面向第一个页面传递数据
时间: 2023-07-24 14:57:38 浏览: 170
js和微信小程序路由(页面)跳转拦截
5星 · 资源好评率100%
在微信小程序中,可以通过使用`wx.navigateTo`方法进行页面跳转,并且可以通过URL参数的方式向目标页面传递数据。
首先,在第一个页面中,你可以将需要传递的数据拼接在目标页面的URL中,如下所示:
```javascript
// 在第一个页面中
const data = {
key1: value1,
key2: value2
};
const url = '/pages/second/second?data=' + encodeURIComponent(JSON.stringify(data));
wx.navigateTo({
url: url
});
```
然后,在第二个页面中,你可以通过`onLoad`生命周期函数获取传递过来的数据,如下所示:
```javascript
// 在第二个页面中
onLoad: function(options) {
const data = JSON.parse(decodeURIComponent(options.data));
// 使用传递过来的数据
const value1 = data.key1;
const value2 = data.key2;
}
```
这样,第二个页面就可以接收并使用第一个页面传递过来的数据了。记得在第二个页面中进行数据解析和处理,以确保数据的准确性和安全性。
阅读全文