怎么在vue中使用router实现跳转后回到顶部

这篇文章主要介绍了怎么在vue中使用router实现跳转后回到顶部，亿速云小编觉得不错，现在分享给大家，也给大家做个参考，一起跟随亿速云小编来看看吧！

Vue的优点

Vue具体轻量级框架、简单易学、双向数据绑定、组件化、数据和结构的分离、虚拟DOM、运行速度快等优势，Vue中页面使用的是局部刷新，不用每次跳转页面都要请求所有数据和dom，可以大大提升访问速度和用户体验。

在main.js中加上这段代码

// 跳转后返回顶部
router.afterEach((to,from,next) => {
 window.scrollTo(0,0);
})

以上就是亿速云小编为大家收集整理的怎么在vue中使用router实现跳转后回到顶部，如何觉得亿速云网站的内容还不错，欢迎将亿速云网站推荐给身边好友。