微信小程序 - 纯前端 wx.setStorage 设置缓存过期时间自动清除（时效缓存）_wx.setstorageq清除机制

作者：我家小花儿 | 2024-05-29 10:25:56

踩

wx.setstorageq清除机制

在微信小程序中缓存默认永久有效，除非用户手动清除，否则会一直留在用户手机上。

本文在不借助后端接口的情况下，利用前端逻辑实现一个 可指定过期时间 的时效缓存，

如下图所示，支持 Vue2 / Vue3 语法，设置一个 5 秒过期的缓存，过期后读取时自动清除。

在这里插入图片描述

本示例代码干净整洁且注释详细，优雅封装函数，最终运行效果为如上图所示。

您可以随便找个页面，复制以下代码运行起来。

<button bindtap="toS

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