在main.js中加入Router的代码
// 路由变化跳转页面回到顶部
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})
需要注意的是,我在列表页跳转详情页时开始使用params的方式不会在url中显示id的方式,由于url没有发生变化,所以并没有进入router.afterEach这个方法,最后没办法还是在url上拼接了${id}
才实现想要的效果
在main.js中加入Router的代码
// 路由变化跳转页面回到顶部
router.afterEach((to,from,next) => {
window.scrollTo(0,0);
})
需要注意的是,我在列表页跳转详情页时开始使用params的方式不会在url中显示id的方式,由于url没有发生变化,所以并没有进入router.afterEach这个方法,最后没办法还是在url上拼接了${id}
才实现想要的效果
本文标题:vue | 路由跳转回到顶部
本文链接:https://www.haomeiwen.com/subject/zipnkctx.html
网友评论