vue跳转页面常用的几种方法

vue跳转页面有好几种不同方法,下面将通过实例代码给大家介绍,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下。

1:router-link跳转

2:this.$router.push()

3.  this.$router.replace()

用法同上,和第2个的this.$router.push方法一样。

4.  this.$router.go(n) 

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

ps : 区别

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

跳转到指定url路径,但是history栈中不会有记录,点击返回会跳转到上个页面 (直接替换当前页面)。

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

总结

以上所述就是给大家介绍的vue路由跳转四种方式,希望对大家有所帮助。                                            ----江城路

posted @   江城路-  阅读(281)  评论(0编辑  收藏  举报
相关博文:
阅读排行:
· 震惊!C++程序真的从main开始吗?99%的程序员都答错了
· 别再用vector<bool>了!Google高级工程师:这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码?零基础破解AI编程运行原理
· 上周热点回顾(3.3-3.9)
点击右上角即可分享
微信分享提示