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

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

成都创新互联公司专注于威海网站建设服务及定制，我们拥有丰富的企业做网站经验。热诚为您提供威海营销型网站建设，威海网站制作、威海网页设计、威海网站官网定制、小程序定制开发服务，打造威海网络公司原创品牌,更为您提供威海网站排名全网营销落地服务。

Vue的优点

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

在main.js中加上这段代码

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

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

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容