vue router跳转方法

Posted dontes

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue router跳转方法相关的知识,希望对你有一定的参考价值。

1.this.$router.push()

描述:跳转到不同的url,但这个方法会向history栈添加一个记录,点击后退会返回到上一个页面。

用法:

技术分享图片

2.this.$router.replace()

描述:同样是跳转到指定的url,但是这个方法不会向history里面添加新的记录,点击返回,会跳转到上上一个页面。上一个记录是不存在的。

3.this.$router.go(n)

相对于当前页面向前或向后跳转多少个页面,类似 window.history.go(n)。n可为正数可为负数。正数返回上一个页面

技术分享图片

 

vue-router 2.0 常用基础知识点之router.push()

https://blog.csdn.net/sinat_17775997/article/details/68941091

 

this.$router.push、replace、go的区别

http://www.cnblogs.com/hwldyz/p/9204346.html

以上是关于vue router跳转方法的主要内容,如果未能解决你的问题,请参考以下文章

Vue之 vue-router

vue路由跳转的三种方式

Vue-Vue-router跳转页面时返回顶部

Vue路由this.$router.push跳转页面不刷新

Vue总结第五天:vue-router (使用模块化(创建Vue组件)机制编程)router-link 标签的属性路由代码跳转懒加载路由嵌套(子路由)路由传递数据导航守卫)

Vue-Router来实现组件间跳转的三种方法