uniapp本地储存
时间: 2023-10-15 10:05:24 浏览: 107
uniapp提供了本地储存的功能,可以使用uniapp内置的uni.setStorage()和uni.getStorage()方法来进行本地储存。
通过uni.setStorage()方法,可以将数据存储到本地。可以传入一个键值对对象,其中键为字符串类型,值可以是任意类型。例如:
```
uni.setStorage({
key: 'username',
data: 'John'
})
```
通过uni.getStorage()方法,可以从本地获取数据。可以传入一个键名字符串来获取对应的值。例如:
```
uni.getStorage({
key: 'username',
success: function (res) {
console.log(res.data) // 输出 'John'
}
})
```
相关问题
uniapp本地存储
在uniapp中,可以使用uni-storage插件来进行本地存储。它提供了类似于浏览器中localStorage和sessionStorage的功能。
使用uni-storage插件,你需要先在pages.json中声明插件:
```json
{
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8"
},
"pages": [
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "首页"
}
}
],
"plugins": {
"uni-storage": {
"version": "1.0.0",
"provider": "dcloudio.github.io/uni-app"
}
}
}
```
然后在需要使用本地存储的页面或组件中引入插件:
```js
import uniStorage from '@dcloudio/uni-storage'
uniStorage.setStorageSync('key', 'value') // 设置同步缓存
uniStorage.setStorage('key', 'value') // 设置异步缓存
uniStorage.getStorageSync('key') // 获取同步缓存
uniStorage.getStorage('key') // 获取异步缓存
uniStorage.removeStorageSync('key') // 移除同步缓存
uniStorage.removeStorage('key') // 移除异步缓存
```
除了基本的setStorageSync、setStorage、getStorageSync、getStorage、removeStorageSync、removeStorage方法,uni-storage还提供了其他一些方法,如clearStorageSync、clearStorage等。
需要注意的是,在使用uni-storage插件时,需要在manifest.json中声明权限:
```json
"app": {
"name": "uni-app-demo",
"versionName": "1.0.0",
"versionCode": "1",
"description": "",
"minSdkVersion": 1036,
"permissions": [
"storage"
]
}
```
声明完权限后,就可以愉快地使用uni-storage进行本地存储了。
uniapp 本地存储
UniApp 提供了本地存储的功能,可以使用 uni.setStorage 方法进行数据的存储,使用 uni.getStorage 方法进行数据的获取,以及使用 uni.removeStorage 方法进行数据的删除。下面是一个简单的示例:
1. 存储数据:
```javascript
uni.setStorage({
key: 'keyName',
data: 'value',
success: function () {
console.log('数据存储成功')
}
});
```
2. 获取数据:
```javascript
uni.getStorage({
key: 'keyName',
success: function (res) {
console.log('获取到的数据为:', res.data)
},
fail: function () {
console.log('未找到对应的数据')
}
});
```
3. 删除数据:
```javascript
uni.removeStorage({
key: 'keyName',
success: function () {
console.log('数据删除成功')
}
});
```
需要注意的是,uni.setStorage 方法存储的数据是永久性的,即使小程序关闭再打开,数据依然存在。如果需要临时性存储数据,可以使用 uni.setStorageSync 方法。
阅读全文