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栈中不会有记录,点击返回会跳转到上上个页面


©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容