vue3笔记(34)搜索缓存

当列表项较多时,用户输入一些搜索条件、改变页数、改变页码获取到需要的搜索条目A,当对该搜索条目A进行操作(例如:编辑、查看等需要打开新页面),点击面包屑或者返回时,需要对之前的搜索项做一个缓存,以保证用户返回时能快速定位到之前的搜索条目A。
搜索缓存也遇到一些坑,本篇做一个记录。

问题描述

detail.vue 页面

1
2
3
4
5
6
watch(route, () => {
const path = route.path
if (path.indexOf('traceChip') < 0) {
localStorage.removeItem('traceChip')
}
})

不足:每个页面都要判断,很麻烦。若是有新需求要增加新页面,必须要再次加上。


vue3笔记(34)搜索缓存
https://guoningyan.com/2023/09/25/vue3笔记(34)搜索缓存/
作者
Ningyan Guo
发布于
2023年9月25日
许可协议