本文转载自CSDN中大佬的文章，链接：https://blog.csdn.net/weixin_37861326/article/details/79978068
在vue的项目中，入点击跳转页面时，不会自动回到页面的顶部，仍处于上次浏览的位置，对于使用体验不是特别友好，我们只需要在router中修改：
export default new Router({
routes: [{...}],
scrollBehavior(to, from,savedPosition) {
return {
x: 0,
y: 0
}
}
})
在完成上面的操作后，重新加载页面时，会自动回到页面顶部。
作用：跳转前进行判断拦截。 vue中使用vue-router切换页面时滚动条自动滚动到顶部的方法
本文转载自CSDN中大佬的文章，链接：https://blog.csdn.net/weixin_37861326/...
vue-router使用hash模式时,页面点击跳转或者刷新正常．使用history模式时,页面点击跳转正常,刷新...
vue是一个单页面的开发框架，在开发的过程中，页面需要利用vue-router进行跳转，页面的跳转肯定会牵扯到页面...
写在前面在Vue项目中，当我们在A页面滚动到中间位置， 然后跳转到B，在从B进入到A页面时，本应该回到A页面顶部，...
一、使用情景 在使用Vue开发单页面应用时，我们通常会使用Vue-Router进行页面导航，Vue-Router在...
1. 用weex实现页面跳转？ 1.1 使用vue-router position: fixed/sticky 的...
我们在使用vue-router做路由跳转时，如果想回退到上次页面时，并且向保存当时滚动到的位置，使用scrollB...
遇到的问题 A页面跳转至B页面，B页面停留在A页面浏览的位置，未回到页面顶部。 问题分析 在项目中使用的是 has...
在使用vue和vue-router开发spa应用时，我们会遇到这样一种问题。 当页面跳转时，组件本身并没有发生改变...
本文标题：在VUE中，使用vue-router跳转页面时，自动回到页面顶部
本文链接：https://www.haomeiwen.com/subject/zexznctx.html
网友评论