vue登录成功后如何跳转url,跳转页面

  1. this.$router.push()
    解释:这个方法会向history添加一个记录,点击后退会返回到上一个页面
    使用方法:

    //字符串
    this.$router.push(’home');
    //对象
    this.$router.push({path:’home'});
    //命名的路由
    this.$router.push({name:'user'});
    //带参数 /regisetr?role=user
    this.$router.push({path:'register',query:{role:'user'}});
    // 跳转后的页面获取参数
     this.role = this.$router.query.role;
    
    
  2. this.$router.replace()
    解释:这个方法不会向history添加一个记录,点击后退不会返回到上一个页面,点击返回,会跳转到上上一个页面。上一个记录是不存在的。

  3. this.$router.go(n)
    解释:n表示当前页面向后或向前跳转多少个页面,n可以为负数,正数表示跳转到上一个页面。
    使用方法:

    this.$router.go(-1)//后退一步相当于history.back();
    this.$router.go(1)//前进一步,相当于 history.forward();
    this.$router.go(100)//history记录不够则跳转失败
    
  • 1
    点赞
  • 3
    评论
  • 9
    收藏
  • 打赏
    打赏
  • 扫一扫,分享海报

评论 3 您还未登录,请先 登录 后发表或查看评论
©️2022 CSDN 皮肤主题:终极编程指南 设计师:CSDN官方博客 返回首页

打赏作者

我的ID是小白

感谢,你的鼓励是我最大的动力!

¥2 ¥4 ¥6 ¥10 ¥20
输入1-500的整数
余额支付 (余额:-- )
扫码支付
扫码支付:¥2
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值