uni-app 数据缓存（setStorage）

uni-app 数据缓存（setStorage）

  1 <template>
  2     <view>
  3         
  4     view>
  5 template>
  6 
  7 <script>
  8     var _self;
  9     export default {
 10         data() {
 11             return {
 12                 
 13             }
 14         },
 15         methods: {
 16             
 17         },
 18         onLoad() {
 19             // 数据缓存 异步
 20             _self = this;
 21             uni.setStorage({
 22                 key:'name',
 23                 data:'hcoder',
 24                 success() {
 25                     console.log('成功了')
 26                 },
 27                 fail() {
 28                     console.log('缓存失败了')
 29                 }
 30             });
 31             
 32             //数据缓存 同步 一定要用try catch 包裹
 33             try{
 34                 uni.setStorageSync('age', '18');
 35             }catch(e){
 36                 //TODO handle the exception
 37             };
 38             
 39             //从本地缓存中 异步获取指定 key 对应的内容
 40             uni.getStorage({
 41                 key: 'name',
 42                 success: function (res) {
 43                     console.log('name 异步获取 = ' + res.data);
 44                 }
 45             });
 46             
 47             // 同步方式获取数据， 阻塞形式，如果做完了的话代码才会向下进行
 48             try{
 49                 const value = uni.getStorageSync('name');
 50                 if(value){
 51                     console.log("const value = uni.getStorageSync('name') 同步获取 = " + value)
 52                 }
 53             }catch(e){
 54                 //TODO handle the exception
 55             };
 56             
 57             
 58             // 异步获取当前 storage 的相关信息
 59             uni.getStorageInfo({
 60                 success: function (res) {
 61                     // keys:  当前 storage 中所有的 key
 62                     // currentSize:  当前占用的空间大小, 单位：kb   current:当前的
 63                     // limitSize:  限制的空间大小, 单位：kb   limit:限制
 64                     console.log('异步获取' + res.keys);
 65                     console.log(res.currentSize);
 66                     console.log(res.limitSize);
 67                 }
 68             });
 69             
 70             // 同步获取 当前 storage 的相关信息
 71             try {
 72                 const res = uni.getStorageInfoSync();
 73                 console.log('同步获取' + res.keys);
 74                 console.log(res.currentSize);
 75                 console.log(res.limitSize);
 76             } catch (e) {
 77                 // error
 78             };
 79             
 80             // 从本地缓存中 异步移除指定 key
 81             // uni.removeStorage({
 82             //     key: 'name',
 83             //     success: function (res) {
 84             //         console.log('删除成功');
 85             //     }
 86             // });
 87             
 88             // 从本地缓存中 同步移除指定 key
 89             // try {
 90             //     uni.removeStorageSync('name');
 91             // } catch (e) {
 92             //     // error
 93             // }
 94             
 95             // 异步清理本地数据缓存
 96             // uni.clearStorage();
 97             // 
 98             // 
 99             // // 同步清理本地数据缓存
100             // try {
101             //     uni.clearStorageSync();
102             // } catch (e) {
103             //     // error
104             // }
105         }
106     }
107 script>
108 
109 <style>
110 
111 style>

未使用删除 key 和 清除 本地缓存 的效果图

转载于:https://www.cnblogs.com/wo1ow1ow1/p/11131403.html