Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

0 votes
4.0k views
in Technique[技术] by (71.8m points)

Vue,使用vant-list组件时,如何在点击列表进入详情页之后返回还是在原来的位置?

其实目前标题的效果默认是能实现的

但有一个问题就是,vant-list组件是可以下拉滚动加载下一页的

如果我一开始点击的那一行不是在第一页,而是在第N页的话
此时点击进入详情页,再按返回键,会先触发重新请求,然后滚动加载到点击那一行的那一页

(视觉效果就是,点击返回的时候,列表会一直滚动并触发加载,一直到之前的那一行)

这个效果很糟糕

有办法让它再第N页返回的时候,直接默认缓存之前已经加载的吗?

上两个动图说明下

【第一页点击返回】
第一页点击返回

【第N页点击返回,会先触发滚动】

image

目前的述求就是:希望第N页返回的时候能不要触发那个滚动,而且直接回到默认的位置


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome To Ask or Share your Answers For Others

1 Reply

0 votes
by (71.8m points)

详情做成弹窗或列表做缓存试试;


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
OGeek|极客中国-欢迎来到极客的世界,一个免费开放的程序员编程交流平台!开放,进步,分享!让技术改变生活,让极客改变未来! Welcome to OGeek Q&A Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...