登陆跳转后页面不在顶部

用vue2.6写的

登陆按钮的跳转代码

handleLogin() {
            localStorage.isLogin = true
            this.$router.push({ name: "Home" })
        },

跳转后，页面如下，且页面无法滚动，刷新一次才正常。

不知道为什么会出现这种状况。

已想到一种解决方法：在mounted里判断是否第一次载入该页面，是的话就刷新一次页面。

if (location.href.indexOf("#reloaded") == -1) {
                location.href = location.href + "#reloaded";
                location.reload();
}

老师有什么其他的解决方法吗，头大

昏睡红茶厘米 2021-03-23

源自：项目：仿京东到家首页开发 3-2 路由守卫实现基础登陆校验功能

收起

2回答

好帮手慕慕子回答被采纳获得+3积分 2021-03-24 10:03:39

同学你好，不清楚同学的完整代码具体是怎么写的，而且涉及到版本和环境等问题，无法准确的定位问题，同学能够自己找到解决的方法，真棒！！！

目前学习阶段，推荐同学跟着视频讲解，与老师写的代码保持一致，这样即使出现了问题也便于排查，等同学掌握了视频中讲解的内容之后，再尝试自己研究使用不同的方式实现效果，这样对同学的帮助会更大哦。

祝学习愉快~

收起回答

昏睡红茶厘米提问者 #1

谢谢老师。我找到问题了。登陆的样式没有设置scoped关键字，所以页面整体上移了50%

2021-03-24 11:38:25

昏睡红茶厘米提问者 2021-03-23 21:01:54

还有个办法，判断有没有上一个页面（强制刷新后就没了）。

有，就说明是从登陆页面跳转来的，要刷新一次。

没有，就说明是已经刷新过了。

beforeRouteEnter(to, from, next) {
        next(() => {
            if (from.name) {
                location.reload()
            }
        })
    }

收起回答

相似问题

#top指跳转到页面顶部，#bottom不是跳转到页面底部吗

推出视图控制器

登录servlet成功拿到后台返回的0登录成功状态，但是无法跳转到server.jsp页面

登录后，不跳转到之前浏览的页面

这个是什么情况？为什么我前台页面登陆没有网页跳转了？

登录后可查看更多问答，登录/注册

前端工程师2020

参与学习人
提交作业 7872 份
解答问题 15282 个

前端技术快速更迭，人才紧缺。带你从0基础开始，成为Web全栈工程师，转行就业更顺畅。

了解课程

本课精华内容

问答作业

老师，我在xhr.send()出错了

92 2

老师好，这里虽然老师给了方法，但我想问问关于定位后的宽高

44 2

函数里面的参数是函数,那么里面作为参数的函数是如何调用的?

74 4

老师请检查

30 1

老师，关于ctx.set()我存在困惑

32 1

查看更多本课问答

请稍等 ...