Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Welcome To Ask or Share your Answers For Others

Categories

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

vue keepalive缓存首页 路由跳转 滚动条互相影响

### 问题描述
项目基于vue+vant,我首页主要是一个vant-tab,tabactive对应相应模块,首页主要就往详情页和一个查看模块全部商品页,我想是把首页缓存,返回首页保存tabActive和滚动条位置。
目前问题是:我能保存下来跳转详情页之前的scrollTop,但是我进到详情页之后,在详情页有滚动操作,比如说滚动到了详情页最下方,回到首页,滚动条也在下方,我的tabActive和滚动条位置都不对了。

### 问题出现的环境背景及自己尝试过哪些方法

我这个项目是写在另一个项目里的单独的路由模块,有一个根路由,我在这个根路由写了keepAlive,这个项目本身APP.vue也写了keepAlive,另一个项目keepAlive没有问题,各个路由也不会被滚动条影响。
就是不明白为什么页面的滚动条会互相影响,位置 tabalive我都能存下,但是复原不了


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

1 Answer

0 votes
by (71.8m points)

跳转之后把首页的tabalive和滚动条位置存下来,回去之后activated取出来复原


与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…
Welcome to OStack Knowledge Sharing Community for programmer and developer-Open, Learning and Share
Click Here to Ask a Question

...