背景
使用router-view跳转页面时,每次跳转,页面都定位到当前看的位置
思路
路由跳转后添加回滚到顶部操作
方案
方案一、再main.js中添加如下代码
// 路由跳转后返回页面顶端
router.afterEach((to, from, next) => {
window.scrollTo(0, 0)
})
方案二、再App.vue中添加如下代码
mounted () {
this.$router.afterEach((to, from, next) => {
window.scrollTo(0, 0)
})
}