关于路由跳转界面的小知识点

路由跳转可以有几种方法

第一种:

直接使用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的栈里面,区别则是这种方法不可以返回到上一个页面。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值