如何用Vue的keep-alive实现保持滚动条位置的长尾词功能？

本文共计800个文字，预计阅读时间需要4分钟。

前言+下班前，20分钟，发一篇。简单介绍，使用keep-alive的时候，返回前一层，没有保持滚动条位置。实际上，不使用keep-alive，位置也没有被记录。但，在不适用keep-alive的情况下，...

前言

下班前，20分钟，发一篇。。。

简单介绍，使用keep-alive的时候，返回前一页，没有保持滚动条位置。

事实上，就算不使用keep-alive，位置也没有被记录。

但是，在不适用keep-alive的时候，页面内容会刷新，所以就随他去了……就是这么任性……

思路

官方有推荐一个scrollBehavior，链接，但是上面标注，只在history.pushState的浏览器生效，不知道是不是只能开启history.pushState才可以使用，看了下实现，挺不友好的，还是自己搞一个吧。。。

实现思路是这样的，首先给路由增加一个对象meta：

meta: { keepAlive: true, scrollTop: 0, }

keepAlive是否需要保持页面，scrollTop记录页面的滚动位置。