uniapp本地存储
时间: 2023-07-13 07:08:32 浏览: 97
在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进行本地存储了。
阅读全文