uniapp跳转页面传值对象query
时间: 2024-11-22 16:47:40 浏览: 8
静态页面html中跳转传值的JS处理技巧
在uniApp中,如果你需要从一个页面跳转到另一个页面并传递数据,你可以使用`query`对象作为URL查询参数的形式。`query`是JavaScript `URLSearchParams`接口的一个实例,通常用于存储键值对形式的数据,会被浏览器自动解析。
例如,在从A页面跳转到B页面时,可以这样做:
```javascript
// A页面
Page({
data: {
objToPass: { key1: 'value1', key2: 'value2' }
},
jumpToB: function() {
const query = new URLSearchParams();
for (let prop in this.data.objToPass) {
query.append(prop, this.data.objToPass[prop]);
}
// 跳转并附带query参数
uni.navigateTo({
url: '/pages/B/b',
query: query.toString()
});
}
})
// B页面接收参数
Page({
onLoad: function(options) {
if (options.query) {
let queryParams = JSON.parse(decodeURIComponent(options.query));
console.log('接收到的数据:', queryParams);
}
}
})
```
在B页面,通过`onLoad`生命周期函数的`options`参数获取到传递过来的`query`字符串,并将其解析成对象。
阅读全文