主要介绍了vue进入页面时不在顶部，检测滚动返回顶部按钮问题及解决方法，非常不错，具有一定的参考借鉴价值,需要的朋友可以参考下

在用mint ui写移动端从’listview’跳转到详情页时,详情页面由于大于手机高度可以滚动,当点击’listview’滚动list进入详情页面时发现详情页面不是从顶部开始显示。 一、目标： ‘listview’进入详情页面时详情页面从页面顶部开始显示。 二、让首先查了下两个页面的scrollY,每次都是不一样的,也没有发现listview与详情页面之间的scrollY之间的规律 三、解决思路：进入详情页面的时候固定滚动页面的位置在顶部 四、代码实现：vue里面写法如下，至于updated生

前提： 之前写过关于keep-Alive组件，来实现在列表页进入详情页后，后退，返回列表，显示上次访问的位置（原理就是缓存列表页数据来实现），目前发现另外一个问题，就是如果后台操作改变数据的状态，缓存的办法就会导致数据更新不及时导致一些页面错误（例如：商品疑问，在后台答复之后，不可以修改内容，前台更新不及时就会导致，前台显示可编辑，但实际状态是不可编辑了），所以又继续研究另外一种解决办法，scrollBehavior 来实现。 简介： 使用前端路由，当切换到新路由时，想要页面滚到顶部，或者是保持

项目结束，测试时发现在首页商品列表中，向上滑动几页后点击进入详情，从详情页面返回商品列表时，页面回到了最顶部，测试不通过说是用户体验不好，要求从哪里点击进去返回该页面时回到原先的滚动页面。 思路：因为vue是单页面应用，进入其他页面时会销毁该页面，用keep-alive不让其刷新，具体实现为： (1).在App.vue中加入： </ro

单页面应用中的路由缓存问题 通常我们在进行页面前后退时，浏览器通常会帮我们记录下之前滚动的位置，这使得我们不会在每次后退的时候都丢失之前的浏览器记录定位。但是在现在愈发流行的SPA(single page application 单页面应用)中，当我们从父级页面打开子级页面，或者从列表页面进入详情页面，此时如果回退页面，会发现之前我们浏览的滚动记录没有了，页面被置顶到了最顶部，仿佛是第一次进入这个页面一样。这是因为在spa页面中的url与路由容器页面所对应，当页面路径与其发生不匹配时，该页面组