现在,在我的Vue应用程序中,当我单击<router-link>
时,它会转到页面,但与上一页的滚动级别相同(因为链接只是替换组件).
我想知道是否有一个vue-router
功能可以让页面达到顶部,或者我需要使用其他一些JS编程来实现这一点.
谢谢你的帮助.
现在,在我的Vue应用程序中,当我单击<router-link>
时,它会转到页面,但与上一页的滚动级别相同(因为链接只是替换组件).
我想知道是否有一个vue-router
功能可以让页面达到顶部,或者我需要使用其他一些JS编程来实现这一点.
谢谢你的帮助.
Vue路由有几个防护和功能,在路由更改之前、期间和之后调用.默认情况下,你的滚动行为是scrollBehavior
.它由两个route objects和一个包含x和y坐标的对象调用,可能还有一个 Select 器, Select 页面上的一个元素作为偏移.
要使用它,请更改定义路由的代码并添加scrollBehavior
功能:
// src/router.js
const router = new VueRouter({
// What you previously had here, such as routes
scrollBehavior (to, from, savedPosition) {
return { x: 0, y: 0 };
}
});
export default router;