如何在 vue-router 上返回/路由返回？

Question

好的，简单解释一下：

我有 3x 页。

• 第 1 页（首页）
• 第 2 页（菜单）
• 第 3 页（关于）

第 1 页有一个-

 <router-link to="/menu">

当点击路由到“/menu”时的按钮。

目前，第 2 页（菜单）有一个

<router-link to="/">

按钮，当单击此按钮时，它会恢复到上一个位置“/”第 1 页（主页）。

但是我不想为每个页面创建一个路由组件以“返回”到前一页（好像我有 100 个页面，这可能是很多工作路由返回）。有没有办法用 vue-router 做到这一点？类似于 window.history.back()

很想知道是否有办法做到这一点，因为我在文档中找不到它。

提前致谢！约翰

原文由 John107 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您可以使用 程序化导航。为了回去，你使用这个：

 router.go(n)

其中 n 可以是正数或负数（返回）。这与 history.back() 相同。所以你可以拥有这样的元素：

 <a @click="$router.go(-1)">back</a>

原文由 José Fernando Davila 发布，翻译遵循 CC BY-SA 4.0 许可协议