2、使用本地存储方法实现 即在A页面用uni.setStorageSync将想要传递的参数存到内存中去 , 在B页面(tabBar页面)中直接用uni.getStorageSync取出内存中取出
时间: 2024-10-20 20:10:32 浏览: 21
uni-app如何页面传参数的几种方法总结
在H5应用中,使用本地存储API(如uni-app的`uni.setStorageSync`和`uni.getStorageSync`)可以方便地在页面间传递数据。当你需要从A页面向B页面传递一些信息,例如用户配置或临时数据,可以在A页面通过`uni.setStorageSync`方法将其序列化并保存到设备的本地存储中。这个操作是非同步的,通常会立即返回,数据会被持久化直到用户清除缓存。
然后,在B页面(比如 tabBar 页面),你可以使用`uni.getStorageSync`获取之前存储的数据。此方法用于读取指定键对应的数据,如果数据存在并且没有过期,它会返回该数据;否则,返回默认值(对于`getStorageSync`通常是undefined)。
举个简单的例子:
```javascript
// A页面
uni.setStorageSync('userInfo', { name: '张三', age: 20 });
// B页面
let userInfo = uni.getStorageSync('userInfo');
if (userInfo) {
console.log(userInfo); // 输出:{ name: '张三', age: 20 }
} else {
console.log('未找到用户信息');
}
```
阅读全文