Vue 锚点滚动要使用Vue Router中的滚动行为
注意:要使用router-link组件才能由作用
组件:
<router-link
:class="{ active: sidebar.show }"
:to="{ hash: '#' + sidebar.anchor }"
class="router-link"
>
{{ sidebar.name }}
</router-link>
# :to后面要写入hash: '#nax'
Router.js:
const router = new VueRouter({
mode: 'history',
base: process.env.BASE_URL,
routes,
scrollBehavior(to, from, savedPosition){
if(to.hash){
return{
selector: to.hash,
offset: {y:100},
behavior: 'smooth',
}
}
}
})