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 @ 2022-11-25 22:33  江城路-  阅读(4462)  评论(0)    收藏  举报