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

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