vue 切换路由页面不在最顶部

393 阅读1分钟

小编在工作中遇到了一个问题: 管理系统在单页面的时候正常切换默认进入页面都是在最顶部,但是切换到多tab目录之后,当再次点击之前点击过得页面,页面没有显示最顶部(正常状态应该是点击进入页面后是图一的状态 但是现在是图二的状态)

经过查询资料解决了这个问题

使用 window.scrollTo 让他在进入页面之后滑动到顶部

router.afterEach(()=>{ setTimeout(()=>{ window.scrollTo({ top: 0, behavior: "smooth" }); }) })

behavior: "smooth" 平滑的到顶部