vue单页路由跳转后scrollTop问题
来源:互联网 发布:软件测试方案模板 编辑:程序博客网 时间:2024/06/06 01:52
作为vue的初级使用者,在开发过程中遇到的坑太多了。在看页面的时候发现了页面滚动的问题,当一个页面滚动了,点击页面上的路由调到下一个页面时,跳转后的页面也是滚动的,滚动条并不是在页面的顶部。
最开始我使用了一个很笨的方法,每个页面上都加上window.scrollTop(0,0);来解决问题,但是这个太繁琐了。最后和小伙伴们商量了一下,在main.js页面上加了这么一段代码
router.afterEach(function (to) { window.scrollTo(0, 0)})
路由跳转后就不会出现滚动的问题了。
阅读全文
0 0
- vue单页路由跳转后scrollTop问题
- vue-route+webpack单页路由项目,打包后访问正常刷新出现404问题
- Vue利用路由钩子token过期后跳转到登录页
- vue路由带参跳转,刷新后参数不消失
- 去除vue路由跳转地址栏后的哈希值#
- vue.js实现单页跳转
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- vue-route+webpack部署单页路由项目,访问刷新出现404问题
- Vue---路由跳转和嵌套
- vue路由跳转传参数
- vue 路由跳转 + 过渡效果
- angularjs_路由单页面跳转
- vue.js用vue-router路由传参时页面刷新后参数消失的问题
- 【Angular】路由跳转问题;
- vue-cli 配置路由>>跳转传递参数
- Vue.js结合vue-router和webpack编写单页路由项目
- Vue.js结合vue-router和webpack编写单页路由项目
- Vue.js结合vue-router和webpack编写单页路由项目
- cmd无法创建Django项目的解决办法
- Ubuntu 16.04 安装 Android Studio
- linux常用命令
- 购物车的趣艺工坊
- Realm数据库使用教程(四):更新数据
- vue单页路由跳转后scrollTop问题
- KAFKA 1.0 文档(五):生产者配置
- 第一个Node程序
- 多线程 锁 synchronized 的使用
- 进度条BJ
- Bootstrap禁止点击空白处关闭模态框以及模态框的拖动
- Unable to parse template "Class" Error message: This template did not produce a Java class or an int
- 网络图片加载Image-Universal-Loader
- WCF如何将发布的svc中的wsdl的计算机名改成IP