您现在的位置是: 首页 > 前端开发 Vue 路由跳转后不在顶部
Vue 路由跳转后不在顶部
2020-09-03 【前端开发】 944人已围观 1393次浏览
简介Vue 路由跳转后不在顶部
Vue 项目中,在很长的页面中,使用下面代码
this.$router.push('/post/1')
进行路由跳转时,就会出现滚动条还是在当前位置,跳转的目标页并没有在顶部的问题,这样会对于很多长页面来说,是很困扰的
比较简单的解决方法就就是在 Vue 项目的 main.js 中添加下面的代码
// 处理页面跳转后不在顶部问题
router.afterEach((to, from, next) => {
window.scrollTo(0, 0)
})
具体位置可以是在 new Vue({ 之前即可,放在文件最后可能会出现不生效的问题
保存之后,再点击跳转,就会默认跳转目标页顶部
很赞哦! (0)
点击排行
- Error in execution; nested exception is io.lettuce.core.RedisCommandExecutionException: ERR DISABLE You can't write or read against a disable instance
- RocketMQ 出现 sendDefaultImpl call timeout 问题
- 类 BASE64Decoder 程序包 sun.misc 找不到符号
- Debian apt 使用国内镜像
- SpringBoot @NotBlank 不生效问题
- 记一次 Mybatis-Plus 自动填充无效问题解决
- nuxt 项目完整部署方案
- gulp3 在 node12 上运行出现异常 primordials is not defined
站长推荐
猜你喜欢
- Vue 报错 Avoid using non-primitive value as key, use string/number value instead
- Vue 监听回车 el-input 和 input 使用方法不同
- Mac 设置允许任何来源
- 获取阿里云CDN真实IP
- 自建Ngrok服务端
- LNMP 手动更新 SSL 证书
- SpringBoot 2.x Security security.basic.enabled=false 失效问题解决
- Linux 常用命令 持续更新中...
- Mac降温软件推荐smcFanControl
- 防止Time Machine备份Parallels Desktop的虚拟硬盘文件