vue.js 返回上一页有四种方法:$router.go(-1)$router.back()使用 组件window.history.back(),方法选择取决于场景。

Vue 返回上一页的方法
在 Vue.js 中返回上一页有以下几种方法:
1. 使用 $router.go(-1)
<code class="javascript">this.$router.go(-1)</code>
这将导航到浏览器的历史记录中的上一页。
立即学习“前端免费学习笔记(深入)”;
2. 使用 $router.back()
<code class="javascript">this.$router.back()</code>
此方法等同于 $router.go(-1)。
3. 使用 <router-link></router-link> 组件
可以在 <router-link></router-link> 组件中使用 to 属性指定要返回的路由。
<code class="html"><router-link to="/">返回首页</router-link></code>
4. 使用 HTML5 history.back() 方法
<code class="javascript">window.history.back()</code>
此方法直接从浏览器的历史记录中返回上一页。
选择哪种方法取决于具体的场景:
- 如果要通过 JavaScript 代码触发导航,建议使用
$router.go(-1)或$router.back()。 - 如果要在 HTML 模板中创建导航链接,请使用
<router-link></router-link>组件。 - 如果需要在 Vue.js 之外出发导航,请使用
window.history.back()。










