我就是不替 發表於 2020-4-19 16:14:00

uni-app同步缓存值 设置 读取 删除

<p>A页面</p>
<pre><code>&lt;view class="go-to-tab" @tap="gotologin"&gt;
        去login页面
&lt;/view&gt;

msg : [
        'uniapp行业峰会频频亮相开发者反响热烈',
        'DCloud完成B2轮融资,uni-app震撼发布',
        '36氪热文榜推荐、CSDN公号推荐 DCloud'
]

gotologin(){
        uni.setStorageSync('storage_key', 'hello');//存储一个字符传值

      //存储数组前,将数组转为字符串
        uni.setStorageSync('mykeymas',JSON.stringify(this.msg))
       
      //跳转页面(不会关闭当前页)                       
        uni.navigateTo({
          url:"/pages/login/login"
        })
}
</code></pre>
<p>B页面读取值</p>
<pre><code>//监听页面加载.其参数为上个页面传递的数据,参数类型为Object(用于页面传参)此处没有用
onLoad(option){
        const value = uni.getStorageSync('storage_key');
        console.log('获取的key',value)
       
       //将字符串转为对象               
        letcon= JSON.parse(uni.getStorageSync('mykeymas'));
        console.log('获取的mykeymas',con)
},

</code></pre>
<p>B页面读取所有的key值</p>
<pre><code>&lt;view class="read-clrar" @tap="allgetkey"&gt;
        获取所有key
&lt;/view&gt;
methods:{
   allgetkey(){
       const res = uni.getStorageInfoSync();
        console.log("所有多少个key",res.keys);
        console.log("现在key所占值的大小",res.currentSize);
        console.log("key最多可以装",res.limitSize);
   },
}
</code></pre>
<p><img src="https://img2020.cnblogs.com/blog/1972489/202004/1972489-20200419161022109-1358489469.png"></p>
<p>B页面清除某一个特定的key</p>
<pre><code>
&lt;view class="read-clrar" @tap="clearKey"&gt;
    清除一个key值
&lt;/view&gt;

methods:{
    clearKey(){
        uni.removeStorageSync('storage_key');
    }
}
</code></pre>
<p>B页面清除所有的key</p>
<pre><code>&lt;view class="read-clrar" @tap="clearAllKey"&gt;
    清除所有的key值
&lt;/view&gt;

methods:{
    clearAllKey(){
        uni.clearStorageSync();       
    }
}
       
</code></pre>
<pre><code>这些都是同步操作,还有异步的,我没有写,以后有机会再写吧
uni.setStorageSync('storage_key', 'hello');设置
uni.getStorageSync('storage_key');         读取
const res = uni.getStorageInfoSync();      读取所有的值

uni.removeStorageSync('storage_key');      清除某一个特定的key
uni.clearStorageSync();                      清除所有的key

将 data 存储在本地缓存中指定的 key 中,会覆盖掉原来该 key 对应的内容,这是一个同步接口。
在h5中它是存储在localStorage中的
微信小程序是在Storage中的
</code></pre>


</div>
<div id="MySignature" role="contentinfo">
    <div style="width:818px;background:#f5f5f5; padding: 10px 10px 10px 10px; border: 1px dashed rgb(224, 224, 224); font-family: 微软雅黑; font-size: 13px;" >
                  <div style="padding:10px">
                        作者:流年少年 <br>
                        出处:https://www.cnblogs.com/ishoulgodo/ <br>
                        <p> 想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!</p>
                        <p>如果觉得这篇文章对你有小小的帮助的话,记得在右下角点个“推荐”哦,或者关注博主,在此感谢!</P>
                        <p> 万水千山总是情,打赏5毛买辣条行不行,所以如果你心情还比较高兴,也是可以扫码打赏博主(っ•̀ω•́)っ✎⁾⁾!</p>
                        <p> 想问问题,打赏了卑微的博主,求求你备注一下的扣扣或者微信;这样我好联系你;(っ•̀ω•́)っ✎⁾⁾!</p>
                                <div style="display: flex;">
                                        <div style="margin-right: 100px;text-align: center;">
                                                <img src="//images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_201214043958支付宝收款码.jpg?a=1607924145179">
                                                <div>
                                                        支付宝
                                                </div>
                                        </div>
                                        <div style="text-align: center;">
                                                <img src="//images.cnblogs.com/cnblogs_com/IwishIcould/1900124/t_20121604194271E6E296CCB71A007F4E22073D5EB64A.jpg">
                                                <div>微信</div>
                                        </div>
                                </div>
                        本文版权归作者所有,欢迎转载,未经作者同意须保留此段声明,在文章页面明显位置给出原文连接 <br>
                        如果文中有什么错误,欢迎指出。以免更多的人被误导。 <br>
                  </div>
                </div><br><br>
来源:https://www.cnblogs.com/ishoulgodo/p/12732001.html
頁: [1]
查看完整版本: uni-app同步缓存值 设置 读取 删除