注意:在 Vue 实例内部,你可以通过 $Router 访问路由实例。因此你可以调用 this.$Router.push。
想要导航到不同的 URL,则使用 router.push
方法。这个方法会向 history 栈添加一个新的记录,所以,当用户点击浏览器后退按钮时,则回到之前的 URL。
该方法的参数可以是一个字符串路径,或者一个描述地址的对象。例如:
const userId = '123'
this.$Router.push({ name: 'user', params: { userId }}) // -> /user/123
// 这里的 params 不生效
this.$Router.push({ path: '/user', params: { userId }}) // -> /user
跟 很像,唯一的不同就是,它不会向 history 添加新记录,而是跟它的方法名一样 —— 替换掉当前的 history 记录。
跟 router.replace
很像,唯一的不同就是,它不会向 history 添加新记录,而是将所有的页面都关掉,打开一个新的页面。
跟 router.push
很像,打开 uni-app
自带的tab 菜单
注意:使用变通方法时可以在临时变量上复制,虽然 无法获取到,但是禁用路由守卫时是携带完整参数的,所有可以再此做一些手脚。页面刷新后参数将会丢失。
这个方法的参数是一个整数,意思是在 history 记录中后退多少步,类似 window.history.go(n)
。
例子
// 后退 2 步记录
this.$Router.back(2)
// 如果 history 记录不够用,那就默默地失败呗