路由跳转可以有几种方法
第一种:
直接使用router-link标签的方法进行跳转,如下图所示:
<router-link to="/pageA/pageAnews" tag="button" replace>新闻</router-link> <router-link to="/pageA/pageAmessage" tag="button" replace>消息</router-link> <router-view></router-view>
用to来表示要跳转到页面路径,tag则是url的类型,如图所示是一个按钮,replace表示使用replace的方法来进行跳转,则是无法返回到上一个界面的。最后在使用router-view的标签来是跳转的页面的内容进行显示,如果没有这一步那么这些跳转的页面的内容将无法正常显示出来,但是可以进行跳转到相对的页面
第二种方法:
则是使用$router.replace等router内已经声明过的数组方法 来进行跳转
this.$router.push(this.path)
如图则是添加path的url值在router的栈里面,就是将当前router所显示的url值直接改为path里面的相对路径,且这种方法可以进行返回到上一个页面的操作。
this.$router.replace(this.path)
如图的这个replace方法和上面的方法类似,是直接将path里的路径替换到router的栈里面,区别则是这种方法不可以返回到上一个页面。