vue中路由跳转的几种方法总结

1.this.$router.go(n)

向前或者向后跳转n个页面,n可为正整数或负整数

2、this.$router.push

跳转到指定url路径,并想history栈中添加一个记录,点击后退会返回到上一个页面

// 字符串

 this.$router.push('num') 

 // 对象

 this.$router.push({path: './login'}) 

// 带参数 

this.$router.push({path: './login', query: {name:'kobe-bryant'}}) 

// 跳转后的页面获取参数 

this.name = this.$route.query.name 

3.this.$router.replace

跳转到指定url路径,但是history栈中不会有记录,点击返回会跳转到上上个页面


你可能感兴趣的:(vue中路由跳转的几种方法总结)