下班前,20分钟,发一篇。。。简单介绍,使用keep-alive的时候,返回前一页,没有保持滚动条位置。事实上,就算不使用keep-alive,位置也没有被记录。但是,在不适用keep-alive的时候,页面内容会刷新,所以就随他去了……官方有推荐一个scrollBehavior,实现思路是这样的,首先给路由增加一个对象meta:keepAlive是否需要保持页面,scrollTop记录页面的滚动位置。然后在app.vue增加如下入口:这样就启用keep-alive了。然后,每次进入保持好的页面,读取滚动条位置scrollTop,修改主容器的scrollTop,就搞定了:看起来很简单哦。有想过这点,但是目前来说,没找到实现的方法。首先,如果通过router来控制,做不到,全局路由控制只能在页面加载前监听,取不到载入页的元素。

vue使用keep-alive保持滚动条位置的实现方法

vue使用keep-alive保持滚动条位置的实现方法