数据缓存
| API | 说明 |
|---|---|
| uni.getStorage | 获取本地数据缓存 |
| uni.getStorageSync | 获取本地数据缓存 |
| uni.setStorage | 设置本地数据缓存 |
| uni.setStorageSync | 设置本地数据缓存 |
| uni.getStorageInfo | 获取本地缓存的相关信息 |
| uni.getStorageInfoSync | 获取本地缓存的相关信息 |
| uni.removeStorage | 删除本地缓存内容 |
| uni.removeStorageSync | 删除本地缓存内容 |
| uni.clearStorage | 清理本地数据缓存 |
| uni.clearStorageSync | 清理本地数据缓存 |
存储数据
异步存储（uni.setStorage）
将数据存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个异步接口。
代码演示
<template>
<view>
<button type="primary" @click="setStor">存储数据</button>
</view>
</template>
<script>
export default {
methods: {
setStor () {
uni.setStorage({
key: 'id',
data: 10,
success () {
console.log('存储成功')
}
})
}
}
}
</script>
<style>
</style>
同步存储（uni.setStorageSync）
将 data 存储在本地缓存中指定的 key 中，会覆盖掉原来该 key 对应的内容，这是一个同步接口。
代码演示
<template>
<view>
<button type="primary" @click="setStor">存储数据</button>
</view>
</template>
<script>
export default {
methods: {
setStor () {
uni.setStorageSync('id',10)
}
}
}
</script>
<style>
</style>
获取数据
异步获取（uni.getStorage）
从本地缓存中异步获取指定 key 对应的内容。
代码演示
<template>
<view>
<button type="primary" @click="getStorage">获取数据</button>
</view>
</template>
<script>
export default {
data () {
return {
id: ''
}
},
methods: {
getStorage () {
uni.getStorage({
key: 'id',
success: res=>{
this.id = res.data
}
})
}
}
}
</script>
同步获取（uni.getStorageSync）
从本地缓存中同步获取指定 key 对应的内容。
代码演示
<template>
<view>
<button type="primary" @click="getStorage">获取数据</button>
</view>
</template>
<script>
export default {
methods: {
getStorage () {
const id = uni.getStorageSync('id')
console.log(id)
}
}
}
</script>
移除数据
异步移除数据（uni.removeStorage）
从本地缓存中异步移除指定 key。
代码演示
<template>
<view>
<button type="primary" @click="removeStorage">移除数据</button>
</view>
</template>
<script>
export default {
methods: {
removeStorage () {
uni.removeStorage({
key: 'id',
success: function () {
console.log('移除成功')
}
})
}
}
}
</script>
同步移除数据（uni.removeStorageSync）
从本地缓存中同步移除指定 key。
代码演示
<template>
<view>
<button type="primary" @click="removeStorage">移除数据</button>
</view>
</template>
<script>
export default {
methods: {
removeStorage () {
uni.removeStorageSync('id')
}
}
}
</script>