vue2.0 - vue-router滚动条返回顶部

Question

header是固定的，点击左边导航栏切换页面，使右边页面滚动条在顶部

            各位大佬应该怎么实现

Answer 1

刚才也是遇到这样一样的问题
就写了个全局的函数

Vue.prototype.upToTop = function() {
    let dom = document.getElementById('main-content');
    dom.scrollTop = 0;
}

main-content是我的页面的主体部分的标签id
我在每次页面数据加载完了的时候调用 this.upToTop();

Answer 2

点击左边右边页面本来就应该在上边啊。所以有滚动条的话不也应该在最上面？

Answer 3

scrollBehavior (to, from, savedPosition) {//切换路由的时候滚动到顶部

return { x: 0, y: 0 }

},
加在路由js里面

Answer 4

https://router.vuejs.org/zh/g...

看下是不是你想要的。