vue返回上一页的方法-Vue.js-PHP中文网

vue返回上一页的方法

小老鼠

发布： 2024-06-17 19:37:42

原创

4082人浏览过

Vue.js 返回上一页有四种方法：$router.go(-1)$router.back()使用 <router-link to="/"> 组件window.history.back()，方法选择取决于场景。

vue返回上一页的方法

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)。

eMart 网店系统

功能列表：底层程序与前台页面分离的效果，对页面的修改无需改动任何程序代码。完善的标签系统，支持自定义标签，公用标签，快捷标签，动态标签，静态标签等等，支持标签内的vbs语法，原则上运用这些标签可以制作出任何想要的页面效果。兼容原来的栏目系统，可以很方便的插入一个栏目或者一个栏目组到页面的任何位置。底层模版解析程序具有非常高的效率，稳定性和容错性，即使模版中有错误的标签也不会影响页面的显示。所有的标

查看详情

3. 使用 <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> 组件。
如果需要在 Vue.js 之外出发导航，请使用 window.history.back()。

以上就是vue返回上一页的方法的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

Vue的v-bind和v-on的语法糖分别是什么？学习Vue.js的最佳实践博客有哪些 Vue的异步更新队列是如何工作的？ Vue事件处理如何绑定？@click和v-on有什么区别？ Vue中computed和watch的使用场景有什么区别？