router.push返回上一页

您可以使用以下代码将页面返回到上一页：

router.go(-1);

或者，如果您希望通过路由名称返回上一页，您可以使用以下代码：

router.push({ name: 'previous-page' });

请注意，上述代码中的 `previous-page` 是您想要返回的页面的路由名称。

相关问题

router.push、router.replace

router.push 和 router.replace 是 Vue Router 中用于导航的两个方法。

router.push 方法用于将用户导航到一个新的 URL，并且在浏览器的历史记录中保存该导航。它会向路由堆栈中添加一个新的记录，因此用户可以通过浏览器的后退按钮返回到之前的页面。这个方法通常用于实现页面跳转。

示例代码：

// 导航到 /home 页面
router.push('/home')

// 导航到带有查询参数的页面
router.push({ path: '/home', query: { id: 1 } })

// 导航到带有命名路由的页面
router.push({ name: 'home' })

router.replace 方法与 router.push 类似，但不会在浏览器的历史记录中添加新的导航记录。它会替换当前的历史记录，因此用户无法通过后退按钮返回到之前的页面。这个方法通常用于实现表单提交或者登录后的重定向。

示例代码：

// 替换当前页面为 /about 页面
router.replace('/about')

// 替换当前页面为带有查询参数的页面
router.replace({ path: '/about', query: { id: 2 } })

// 替换当前页面为带有命名路由的页面
router.replace({ name: 'about' })

需要注意的是，这两个方法都可以接收一个字符串路径或者一个描述目标位置的对象作为参数。除了路径之外，还可以通过对象的方式传递查询参数、哈希值、命名路由等。

router.push和router.replace

router.push和router.replace都是 Vue Router 中用于导航的方法。

1. `router.push(location: RawLocation, onComplete?: Function, onAbort?: ErrorHandler)` 方法用于在当前路由栈中添加一个新的路由记录，并且将浏览器的 URL 地址更新为新的路径。这个方法会向历史堆栈中添加新的记录，因此用户可以通过浏览器的返回按钮返回到之前的页面。

2. `router.replace(location: RawLocation, onComplete?: Function, onAbort?: ErrorHandler)` 方法也是用于更新当前的路由，并且更新浏览器的 URL 地址，但是它不会向历史堆栈中添加新的记录。换句话说，它会替换当前的路由记录而不是添加一个新的记录。因此，当使用`router.replace`时，用户无法通过浏览器的返回按钮返回到之前的页面。

两个方法都可以接受一个 `location` 参数，用于指定要导航到的目标页面。`location` 可以是一个字符串路径，也可以是一个包含路径、查询参数和哈希值等信息的对象。此外，`onComplete` 和 `onAbort` 是可选参数，用于在导航完成或导航中断时执行相应的回调函数。

总结起来，`router.push`用于添加新的路由记录并更新浏览器的 URL 地址，而`router.replace`用于替换当前的路由记录，不会添加新的记录。