uniapp -- 本地数据存储
【代码】uniapp -- 本地数据存储。
·
<template>
<view class="view">
<ul>
<button @click="get">点击请求数据</button>
<button @click="setStorage">存储数据</button>
<button @click="getStorage">获取数据</button>
<button @click="removeStorage">删除数据</button>
<button @click="setStorage2">同步存储数据</button>
<button @click="getStorage2">同步获取数据</button>
<button @click="removeStorage2">同步删除数据</button>
</ul>
</view>
</template>
<script>
export default {
methods :{
setStorage(){
// 存储数据
uni.setStorage({
key:"username",
data:"Brave-AirPig",
success:()=> console.log('存储成功')
})
},
getStorage(){
// 获取数据
uni.getStorage({
key:"username",
success:res => console.log(`成功${res.data}`)
})
},
removeStorage(){
// 删除数据
uni.removeStorage({
key:"username",
success:()=> console.log("删除数据成功")
})
},
setStorage2(){
// 同步存储数据
uni.setStorageSync('test','value')
},
getStorage2(){
// 同步获取数据
console.log(uni.getStorageSync('test'))
},
removeStorage2(){
// 同步删除数据
uni.removeStorageSync("test")
}
}
}
</script>
<style lang="less">
.list{
margin: 30px;
list-style: none;
}
</style>
更多推荐
已为社区贡献11条内容
所有评论(0)