3.3.1 router.push

语法

router.push(location)

要导航到不同的 URL，则使用 router.push 方法。该方法会向 history 找添加一个新的记录，当用户单击浏览器的后退按钮时，回到之前的 URL。

说明

当单击＜router-link＞时，会在内部调用 router.push(...) 方法，所以说单击<router-link :to＝"..."> 与等同于调用 router.push(...)。

该方法的参数可以是一个字符串路径，也可以是一个描述地址的对象。例如：

router.push('home') // 字符串
router.push({ path: 'home' }) // 对象
// 命名的路由
router.push({ name: 'user', params: { userId: 123 }}) // -> /user/123
// 带查询参数，变成 /register?plan=private
router.push({ path: 'register’, query: { plan: 'private'}})

由一个页面跳转到另一个页面时，需要携带一些数据，这时就需要用到这种带参数的路由跳转方式了。