当前位置:   article > 正文

uni-app(storage)——数据存储_uniapp中uni.setstorage存对象

uniapp中uni.setstorage存对象

Storage是uni-app提供的一个本地存储方案,用于在应用程序中保存数据。

1.uni.setStorage(OBJECT)

使用Storage存储数据,可以使用uni.setStorage方法(这是一个异步接口)将数据存储到Storage中。

  1. //将数据存入storage
  2. setInfo(){
  3. uni.setStorage({ //存入Storage
  4. key:'userInfo',
  5. data: { //存的数据(可以是多条)
  6. 'uid': res.data.uid,
  7. 'uname':res.data.uname,
  8. 'phone': res.data.phone
  9. }
  10. success() {
  11. console.log('userInfo储存成功');
  12. }
  13. })
  14. }

2.uni.getStorage()

使用uni.getStorage()方法从Storage中读取数据(异步)

  1. getInfo(){
  2. uni.getStorage({
  3. key:'userInfo',
  4. success(res) {
  5. console.log('获取成功',res.data);
  6. }
  7. })
  8. }

获取数据同步

  1. getStorage(){
  2. //这是一个同步接口
  3. //参数本地缓存中的指定的 key通过赋值给一个变量获取
  4. const value = uni.getStorageSync('id');
  5. console.log(value);
  6. },

3.uni.setStorageSync(KEY,DATA)

将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容(同步接口)

  1. //存
  2. uni.setStorageSync('storage_key', 'hello');
4.uni.getStorageSync()
  1. //从本地缓存中同步获取指定 key 对应的内容
  2. const value = uni.getStorageSync('指定 key 对应的内容');
  3. console.log(value);
5.uni.removeStorageSync()
  1. //从本地缓存中同步移除指定 key
  2. uni.removeStorageSync('指定 key');

6.数据更新uni.setStorage()

  1. uni.setStorage({
  2. key: 'key',
  3. data: 'value',
  4. success: function () {
  5. console.log('success');
  6. }
  7. })

7.数据删除uni.removeStorage()

  1. removeStorage(){
  2. //这是一个异步接口
  3. uni.removeStorage({
  4. key: 'id',//本地缓存中的指定的 key
  5. success(res) {//接口调用的回调函数
  6. console.log('移除成功');
  7. }
  8. })
  9. }
  10. removeStorage(){
  11. //这是一个同步接口。建议使用这个方法
  12. //参数本地缓存中的指定的 key通过赋值给一个变量获取
  13. const value = uni.removeStorageSync("id");
  14. console.log("移除成功");
  15. }

声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/寸_铁/article/detail/758999
推荐阅读