vue 页面內锚点跳转导致页面偏移

当header的positison设置为固定的时候，使用锚点定位，页面会被header挡住一部分,通过如下设置可以解决问题。scroll-padding-top用来定义滚动位置对于顶部的偏移量

html {
    scroll-padding-top: 100px;//设置header的高度
}