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

原创 2018年04月17日 17:39:01

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

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

在完成上述设置后,每次重新加载页面,页面就会自动回滚到顶部。本文结。

webstorm Vue项目保存浏览器不自动更新问题

1、首先进去编辑器的设置页面 2、按照以下步骤进行操作,把第三步红框里边的对勾取消,然后保存即可...
  • qq_38543537
  • qq_38543537
  • 2017-11-30 11:57:12
  • 609

vue填坑之回到顶部:

vue来实现回到顶部代码(参考慕课网):   let stop = false; // 全局...
  • wmwmdtt
  • wmwmdtt
  • 2017-01-16 17:48:26
  • 10005

vue router 跳转后回到顶部

在main.js中加上这段代码 // 跳转后返回顶部 router.afterEach((to,from,next) => { window.scrollTo(0,0); })...
  • zcy_csdn123
  • zcy_csdn123
  • 2018-03-06 21:12:12
  • 354

vue页面切换到滚动页面显示顶部

vue页面切换到滚动页面显示顶部     在用mint ui写移动端从'listview'跳转到详情页时,详情页面由于大于手机高度可以滚动,当点击'listview'滚动list进入详情页...
  • u013144287
  • u013144287
  • 2018-01-05 21:56:26
  • 769

【Web前端】Vue.js 项目中遇到的一些问题汇总

前言最近在自己用 Vue.js 做一个仿网易云的 webApp,遇到了不少的问题,在这里做一个记录better-scroll 的使用问题better-scroll 是 Vue.js 中很好用的一个插件...
  • gyjyywc
  • gyjyywc
  • 2017-06-27 23:00:29
  • 2236

jquery实现点击回到页面顶部

当页面很长的时候,使用滑动条回到顶部总是感觉很不方便,在我做项目遇到这个问题的时候,选中使用jQuery来实现。 jQuery实现回到顶部按钮效果 .upframe{height:1300px...
  • yangmingxing980
  • yangmingxing980
  • 2014-03-24 11:58:47
  • 1652

vue切换路由后页面显示顶端

methods(){     }中: menu() { window.scrollTo(0,0); }, created(){     } 中: this.menu();...
  • y_qingcheng
  • y_qingcheng
  • 2017-12-20 14:49:21
  • 351

使用vue开发项目遇到的一些问题

这个项目是我今年开始开发关于脚手架是使用的vue-cli(https://github.com/vuejs/vue-cli) 这边主要是记录几个我开发vue项目的经验 1、由于后台接口需要post...
  • xin_jie
  • xin_jie
  • 2017-04-05 09:34:34
  • 691

JS平滑效果实现回到顶部

JS平滑效果实现回到顶部最近用Vue做的小项目中需要实现回到顶部的效果。主要思路就是: 利用document.documentElement.scrollTop || document.body.s...
  • HaiJing1995
  • HaiJing1995
  • 2017-05-28 11:39:45
  • 1169

vue项目遇到的一些问题总结

1、新install一个模块后出现TypeError: xxx is not a function"异常。 解决方案:如果可以确定代码没问题,重新 npm run dev。...
  • dianhuilu4947
  • dianhuilu4947
  • 2018-02-05 17:02:57
  • 103
收藏助手
不良信息举报
您举报文章:vue项目中,页面刷新回到页面顶部的方法
举报原因:
原因补充:

(最多只允许输入30个字)