VueRouter中返回上一页的实现方法

Vue Router返回上一页的实现方法

Vue Router是Vue.js的官方路由管理器，它可以帮助开发者更轻松地实现路由功能。有以下几种：

1.使用router.go()方法

router.go()方法可以用来跳转到指定的页面，其中可以传入一个参数，表示页面跳转的层级，如果传入-1，表示返回上一页。使用方法如下：

this.$router.go(-1)

2.使用router.back()方法

router.back()方法可以用来返回上一页，该方法不接受任何参数，使用方法如下：

this.$router.back()

3.使用router.push()方法

router.push()方法可以用来跳转到指定的页面，其中可以传入一个字符串参数，表示页面跳转的路径，如果传入'back'，表示返回上一页。使用方法如下：

this.$router.push('back')

4.使用window.history.go()方法

window.history.go()方法可以用来跳转到指定的页面，其中可以传入一个参数，表示页面跳转的层级，如果传入-1，表示返回上一页。使用方法如下：

window.history.go(-1)

5.使用window.history.back()方法

window.history.back()方法可以用来返回上一页，该方法不接受任何参数，使用方法如下：

window.history.back()

以上就是，可以根据需要选择合适的方法来实现跳转。

千锋教育是高品质web前端培训机构，千锋教育拥有大量实力web前端培训讲师，提供优质的web培训课程，web前端培训，欢迎报名千锋教育。