uni.setStorage是怎么使用的,怎么存储数组数据和怎么在别的页面使用这些数据,并且爱国支持app兼容
时间: 2024-03-22 18:40:54 浏览: 12
uni.setStorage 方法可以将数据存储到本地,具体使用方法如下:
```javascript
// 存储数据
uni.setStorage({
key: 'key', // 存储的key,用于获取数据
data: 'value', // 需要存储的数据
success: function () {
// 存储成功的回调函数
}
})
```
其中 key 是存储的键值,用于获取数据,data 是需要存储的数据,success 是存储成功的回调函数,可以在这里处理一些逻辑。
如果要存储数组数据,可以使用 JSON.stringify 方法将数组转换为字符串格式,然后再存储到本地中:
```javascript
var arr = [1, 2, 3]
uni.setStorage({
key: 'key',
data: JSON.stringify(arr),
success: function () {}
})
```
在别的页面使用这些数据,可以通过 uni.getStorage 方法获取本地存储的数据,具体使用方法如下:
```javascript
// 获取数据
uni.getStorage({
key: 'key', // 存储的key
success: function (res) {
var data = res.data
if (data) {
// 获取数据成功
// 如果存储的是数组数据,需要使用 JSON.parse 方法将字符串格式转换为数组
var arr = JSON.parse(data)
}
}
})
```
在获取数据成功的回调函数中,通过 res.data 可以获取到存储的数据。如果存储的是数组数据,需要使用 JSON.parse 方法将字符串格式转换为数组。
关于 app 兼容性的问题,uniapp 支持多个平台的开发,包括 H5、APP、小程序等。uni.setStorage 和 uni.getStorage 方法在各个平台中的使用方式基本相同,不需要额外的兼容处理。