数据存储:
详细参考官网:https://uniapp.dcloud.io/api/storage/storage?id=setstorage
异步处理:
setStorage () //存储数据
1.
将数据存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个异步接口。
<template>
<view>
<button type="primary" @click="setStorage">存储数据</button>
<button type="primary" @click="getStorage">获取数据</button>
</view>
</template>
<script>
methods:{
pullDown(){
uni.startPullDownRefresh()
},
setStorage () {
uni.setStorage({
key:'id',
data:80,
success () {
console.log('存储成功')
}
})
},
</script>
getStorage () 获取数据
1.从本地缓存中异步获取指定 key 对应的内容。
success | 接口调用的回调函数,res = {data: key对应的内容} |
<template>
<view>
<button type="primary" @click="setStorage">存储数据</button>
<button type="primary" @click="getStorage">获取数据</button>
</view>
</template>
<script>
methods:{
getStorage (){
uni.getStorage({
key:"id",
success(res){
console.log('获取成功',res)
}
})
}
}
}
</script>
removeStorage() //移除数据
1.从本地缓存中异步移除指定 key。
key | String | 是 | 本地缓存中的指定的 key |
success | Function | 是 | 接口调用的回调函数 |
fail | Function | 否 | 接口调用失败的回调函数 |
complete | Function | 否 | 接口调用结束的回调函数(调用成功、失败都会执行) |
示例:
<template>
<view>
<button type="primary" @click="setStorage">存储数据</button>
<button type="primary" @click="getStorage">获取数据</button>
<button type="primary" @click="removeid">移除id</button>
</view>
</template>
<script>
methods:{
removeid(){
uni.removeStorage({
key:'id',
success() {
console.log('删除成功')
}
})
}
}
}
</script>
检查:
同步处理:
一、uni.setStorageSync(key,data)
1.将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。methods:{
pullDown(){
uni.startPullDownRefresh()
},
setStorage () {
// uni.setStorage({
// key:'id',
// data:80,
// success () {
// console.log('存储成功')
// }
// })
uni.setStorageSync('id',100) // 使用同步处理
},
二、getStorageSync('key')
1.从本地缓存中同步获取指定 key 对应的内容。 示例:getStorage (){
// uni.getStorage({
// key:"id",
// success(res){
// console.log('获取成功',res)
// }
// })
const res = uni.getStorageSync('id')
console.log(res)
},
三、removeStorageSync(key)
1.从本地缓存中同步移除指定 key。 示例:removeid(){
// uni.removeStorage({
// key:'id',
// success() {
// console.log('删除成功')
// }
// })
uni.removeStorageSync('id')
}
}