美文网首页
vue项目中,页面刷新回到页面顶部的方法

vue项目中,页面刷新回到页面顶部的方法

作者: _Struggle_ | 来源:发表于2018-08-29 14:33 被阅读0次

在Vue项目中,访问过的页面,在滚动到某个位置后,再次刷新页面,页面仍处于上次访问过的位置。为了想页面回到顶部,只需要对路由进行修改,在router下index.js中:

export default new Router({
  routes: [{...}],
  scrollBehavior(to, from,savedPosition) {
    return {
      x: 0,
      y: 0
    }
  }
})

相关文章

网友评论

      本文标题:vue项目中,页面刷新回到页面顶部的方法

      本文链接:https://www.haomeiwen.com/subject/ayzhwftx.html