Vue 锚点滚动实现（Velocity采坑）

参照https://codepen.io/xwLyc/pen/WgWyjw?editors=0010 的例子，发现并不能实现锚点滚动效果。

点击报错 ：

VelocityJS: First argument (scroll) was not a property map, a known action, or a registered redirect. Aborting.
Zt

Google后发现是因为 VelocityJS 更新至V2后不支持滚动事件。

所以放弃使用VelocityJS，采用Element.scrollIntoView()来实现。

给改代码如下

但发现只能实现切换，没有滚动效果。

参考MDN上scrollIntoView用法https://developer.mozilla.org/en-US/docs/Web/API/Element/scrollIntoView

增加了behavior: "smooth"属性实现平滑过渡。block:'start' 设置元素上边框与视窗顶部平齐（bottom与底部平齐）

更改代码如下