vue的本地缓存

最新推荐文章于 2024-07-16 10:29:46 发布

小董不凶

最新推荐文章于 2024-07-16 10:29:46 发布

阅读量3.3k

点赞数

文章标签： vue.js 缓存前端

本文链接：https://blog.csdn.net/m0_60662967/article/details/122490666

版权

本文介绍了如何在Vue应用中实现本地缓存。针对Element-UI组件的键位事件处理，需添加`native`关键词使@keyup生效。通过绑定事件监听输入框的按键松开，利用`list_${biaotou_id}`作为键存储不同表格的数据，实现列表数据的本地缓存，便于切换后快速恢复状态。

摘要由CSDN通过智能技术生成

（不点击保存的内容存储到本地存储中，点击保存的存储到api中）

1.给输入框添加一个按键松开事件，@keyup

注意：在element-ui组件@keyup不起作用。这是因为element-ui组件在原生组件的基础上进行了封装。如想使用@keyup则需要加上native关键词。

2. let keys = `list_${this.biaotou_id}` 是因为要切换表，获取表的id，this.list是获取整个表的列表

 若无切换表操作直接： window.localStorage.setItem('自己命名',JSON.stringify(this.list))

3.在列表显示的方法中获取本地缓存的数据

关注