编程式导航 声明式导航 push()的参数问题 go()使用方式

38 篇文章 0 订阅
8 篇文章 0 订阅

编程式导航

概念

  1. 所谓编程式导航是指通过调用 API 实现导航(路由)跳转
  2. 之前使用的router-link称为声明式导航
  3. 通过this.$router.push可以实现编程式导航
  4. this.$router.push()的参数:
    1. 可以是一个字符串路径
    2. 也可以是描述地址的对象
    3. 同样的规则也适用于 router-link 组件的 to属性
    4. router-link本质上也是通过$router.push来实现的(内部调用了push方法)

细节

  1. 如果提供了pathparams 会被忽略,这个时候要使用query
  2. path路径query查询字符串
  3. name别名没有限制 query, params属性都能带参数
  4. 如果有参数,需要提供路由的name 或手写完整的带有参数的path

编程式导航(go)的使用方式

调用 this.$router.go()方法,可以在浏览历史中进行前进和后退
调用this.$router.back()也能实现后退的功能,相当于this.$router.go(-1)
在这里插入图片描述

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值