注意:在 Vue 实例内部,你可以通过 $Router 访问路由实例。因此你可以调用 this.$Router.push。

    想要导航到不同的 URL,则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。

    该方法的参数可以是一个字符串路径,或者一个描述地址的对象。例如:

    1. const userId = '123'
    2. this.$Router.push({ name: 'user', params: { userId }}) // -> /user/123
    3. // 这里的 params 不生效
    4. this.$Router.push({ path: '/user', params: { userId }}) // -> /user

    跟 很像,唯一的不同就是,它不会向 history 添加新记录,而是跟它的方法名一样 —— 替换掉当前的 history 记录。

    router.replace 很像,唯一的不同就是,它不会向 history 添加新记录,而是将所有的页面都关掉,打开一个新的页面。

      router.push 很像,打开 uni-app 自带的tab 菜单

      注意:使用变通方法时可以在临时变量上复制,虽然 无法获取到,但是禁用路由守卫时是携带完整参数的,所有可以再此做一些手脚。页面刷新后参数将会丢失。

      这个方法的参数是一个整数,意思是在 history 记录中后退多少步,类似 window.history.go(n)

      例子

      1. // 后退 2 步记录
      2. this.$Router.back(2)
      3. // 如果 history 记录不够用,那就默默地失败呗