vue - 路由跳转新页面后回到顶部 程序员文章站 2022-05-14 09:28:28 ... 前言 vue路由跳转新页面,如果有滚动条的话,会保持和原来位置回到顶部 解决方法 1、全局设置路由跳转回到顶部,router.js中 router.afterEach((to,from,next)=>{ window,scrollTo(0,0) }) 2、单个页面路由跳转回到顶部 mounted () { this.$router.afterEach((to,from,next)=>{ window,scrollTo(0,0) }) } 相关标签: vue vue router 顶部 scrollTo 上一篇: js实现前端页面跳转后操作新页面 下一篇: Vue 跳转新页面 推荐阅读 vue router 跳转后回到顶部的实例 Vue路由跳转到新页面时 默认在页面最底部 而不是最顶部 的解决 vue router 跳转后回到顶部的实例 Vue利用路由钩子token过期后跳转到登录页的实例 解决vue单页路由跳转后scrollTop的问题 Vue路由跳转到新页面时 默认在页面最底部 而不是最顶部 的解决 vue-router模式为history的项目打包发布后不能通过地址栏里的地址进行路由跳转 Vue项目开发笔记1——vue路由跳转时定位在页面顶部 vue路由跳转时定位到页面顶部的方法 vue路由跳转时定位到页面顶部的方法汇总