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>
- 效果