uni-app之数据的存储
存储 取 删 数据
-
uni.setStorage(obj) 存储数据
- obj里面有着以下参数：obj 为 { key, data, success, fail, complete }
- 其中：key为存储的值，data为存储的数据，suc为成功的回调，fail为失败的回调，complete为接口调用结束的回调函数（调用成功、失败都会执行）
-
uni.getStorage(obj) 拿数据
- obj里面有着以下参数：obj 为 { key, success, fail, complete }
- 其中：key为存储的值，data为存储的数据，suc为成功的回调，fail为失败的回调，complete为接口调用结束的回调函数（调用成功、失败都会执行）
-
uni.removeStorage(obj) 拿数据
- obj里面有着以下参数：obj 为 { key, success, fail, complete }
- 其中：key为存储的值，data为存储的数据，suc为成功的回调，fail为失败的回调，complete为接口调用结束的回调函数（调用成功、失败都会执行）
<template>
<view>
<button type="default" @click="steStorage">存储数据</button>
<button type="default" @click="getStorage">取数据</button>
<button type="default" @click="delStorage">移除数据</button>
</view>
</template>
<script>
export default {
methods: {
steStorage(){
uni.setStorage({
key:"id",
data:100,
success(){
console.log("存储成功");
}
})
},
getStorage(){
uni.getStorage({
key: "id",
success(res){
console.log("获取成功",res);
}
})
},
delStorage(){
uni.removeStorage({
key:"id",
success(){
console.log("移除数据");
}
})
}
}
}
</script>
- 效果
同步的 存储 取 删 数据
- uni.setStorageSync(“xzl”,“小渣亮”)
- “xzl”：第一个为存储的key，“小渣亮”：第二个为存储的数据
- uni.getStorageSync(“xzl”)
- “xzl”：为取数据的key
- uni.removeStorageSync(“xzl”)
- “xzl”：为删除数据的key
<template>
<view>
<button type="default" @click="steStorage">存储数据</button>
<button type="default" @click="getStorage">取数据</button>
<button type="default" @click="delStorage">移除数据</button>
</view>
</template>
<script>
export default {
methods: {
steStorage(){
uni.setStorageSync("xzl","小渣亮")
},
getStorage(){
console.log("取数据",uni.getStorageSync("xzl"));
},
delStorage(){
uni.removeStorageSync("xzl")
}
}
}
</script>
- 效果
