这是一个创建于 221 天前的主题，其中的信息可能已经有所发展或是发生改变。
比如我在列表页的第三页，然后进入详情页查看，然后（ back 操作或者跳转到之前列表第三页），如果不做额外处理的话列表页就成了第一页（或者返回的时候列表页会刷新，比如点击项的着色就消失了），你们是如何处理这个逻辑的？我是尝试将进入详情页之前的列表页做了缓存处理，但是感觉还是不好用
虽然是一个很普遍的操作应用，我硬是没找到合适的方法实现
虽然是一个很普遍的操作应用，我硬是没找到合适的方法实现
32 条回复 • 2024-04-27 20:00:35 +08:00
 |
1
konnnnn 221 天前
global store cache last params
|
 |
2
ChefIsAwesome 221 天前
/page/3
|
 |
3
jy02534655 221 天前
缓存为啥不好用？我用起来没问题呀
|
 |
4
herozzm OP @ChefIsAwesome 点击项的着色会消失，方便让编辑的人知道他刚刚看的那一条消息
|
|
5
herozzm OP @jy02534655 我用的是路由缓存，返回的时候会先刷一下然后回复到之前的状态，有闪动，不丝滑
|
 |
6
renmu 221 天前 via Android
用缓存的问题就是用户可能同时打开多个列表页，或者详情页里有操作列表页的方法。
要么就使用传统的分页 |
 |
7
Xu3Xan89YsA7oP64 221 天前
有闪动就加个 transition 咯
<router-view v-slot="{ Component }"> <transition> <keep-alive> <component :is="Component"> |
 |
8
hanaTsuk1 221 天前
翻页的时候把页数加到路由上，后退的时候自然是之前的
“点击项的着色就消失了”是啥意思？ a 标签的已经打开过链接的效果？是的话，把详情页的链接写成 a 标签，有个:visited 的伪类看一下 别用缓存没必要 |
 |
9
NerbraskaGuy 221 天前
最简单就是不做路由跳转了用 v-show 控制，或者更通用方法是详情页打开新标签页
|
 |
10
LDa 221 天前
详情页弹窗
|
 |
11
fcfangcc 221 天前
列表页 keepalive 就行了
|
 |
12
tog 221 天前
1 、v-show ， 弹窗详情都不靠谱
2 、这种 keep-alive 就行 |
|
13
herozzm OP @hanaTsuk1 并不是，在打开详情页前会标记你打开的项，一般是飘红，让操作者得知我刚才到底看的哪一条，伪类会将所有浏览记录标记，我需要的是最后一项标记
|
|
15
herozzm OP |
 |
16
webbillion 221 天前
@herozzm #15 keep-alive 足够使用了，不知道你所说的点击项着色是:active 还是自己另外实现的效果，你想的效果是微信聊天列表选择联系人进入聊天详情再回来的时候联系人有灰色背景，过一会再消失那样？那就需要你多写一点代码控制了。
|
|
17
herozzm OP @webbillion 自己增加的效果
|
 |
18
Laobai 221 天前
新增，修改，详情页容器内最大化 Dialog
|
 |
19
PhonRT 221 天前
全屏弹窗
|
 |
20
Chad0000 221 天前 via iPhone
op 可以研究一下 azure 的后台的打开行为，就是前端控制模拟堆栈实现的。
|
 |
22
Great233 221 天前  3
|
 |
23
Ma4cus 221 天前
实在不行用 vuex pinia 这种全局状态管理存一下
|
 |
26
corcre 221 天前
v-show/最大化 dialog 展示+1
点击的着色项或者滚动到页面哪个位置这些数据你没保存的话怎么复现得出来, 就算复现出来了需要重新渲染好像不可避免的会出现白屏/骨架屏诸如此类的画面, 特别是弱网条件下 |
 |
27
dj721xHiAvbL11n0 221 天前
他确实不应该有问题，不行你就用 pinia 保存你点击的 id
|
 |
28
ZnductR0MjHvjRQ3 221 天前
最差最差 v-show
|
 |
29
sjhhjx0122 221 天前
一般分页搜索条件我都是存在 url 上,具体可以看看 https://vueuse.org/core/useUrlSearchParams/#useurlsearchparams
|
|
30
jy02534655 221 天前
@herozzm 现在我用 vue3,基于 keep-alive 缓存页面是没这个问题的，一个列表勾选一项后切换到其他页面在返回勾选状态是会保存的
vue2 的话应该也不会有这个问题，估计是你缓存机制没做对，你用 vue 的调试工具看看是不是同一个页面在 vue 中出现了多个，按理说缓存固定页面是不会有这种问题的，又不是缓存多个详情页 |
 |
31
Track13 221 天前 via Android
页数和点击的哪行的 id 都放路由里
|
 |
32
yrj 220 天前
简单说一下我之前的做法，就是 keep-alive ＋判断来源确定是否刷新。
|
Select Language