现象:每次跳转后的页面是上一页面浏览后的位置
解决:解决的方式很多,下面两种的效果都可以达到
方式1:
在app.vue中,update的生命周期中加:
updated() {
window.scroll(0,0);
},
方式2:
在router文件下的index.js内
export default new Router({
routes: [
{
path: '/',
name: 'Home',
component: Home
},
],
scrollBehavior (to, from, savedPosition) {
// return 期望滚动到哪个的位置
return { x: 0, y: 0 }
}
})