VUE登录路由判断

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/u013144287/article/details/81744273

                                                      VUE登录路由判断

 我们在做无论是网站,还是电商的时候,登录是我们必不可少的一个功能,当我们从登录界面进行登录操作的时候,如果登录成功,我们希望进入到主界面。如果我们是在其他界面进行登录,则我们希望我们登录之后是返回到那个其他界面,这样用户也感觉到更友好。

然而历史页面跳转到登录页面的情况一般是三种:

1、从注册页面到登录界面

2、从忘记密码页面到登录页面

3、其他页面

1和2是特殊页面,单独进行判断。3属于常规页面,直接返回历史页面就行了。实现思路就是在路由里面带一个参数,然后进行判断就可以了。vue路由提供返回历史界面的方法是this.$router.go(-1)。

实现代码逻辑:

1和2一致,我就举例注册页面:注册页面的路由传参数写法:传入toHome参数

_self.$router.push({
  path: '/login',
  query: {
    toHome: 2
  }
})

登录页面写法:登录接口登录成功js里面写入

            // 登陆成功,设置cookie
            if (this.$route.query.toHome || window.history.length === 0) {
              _self.$router.replace('/')
            } else {
              _self.$router.go(-1)
            }

这样就可以实现了

阅读更多
想对作者说点什么?

博主推荐

换一批

没有更多推荐了,返回首页