背景 Vue页面路由跳转后,页面的位置是和上个页面位置一致的,没有自动定位到顶部。 如上,点击跳转新页面后,位置仍在上一页面的位置,没有定位到顶部。 解决 我是使用Vue CLI3,所以在main.js中定义scrollBehavior即可解决: const router = new VueRouter({ // history模式,去除URL中# mode: 'history', routes, // 解决路由跳转后,不显示在首行 scrollBehavior() { return {x: 0, y: 0}; } });