路由跳转和传参

本文介绍了Vue中路由跳转的两种方式——声明式和编程式,并详细讲解了路由传参的params和query参数的使用,包括字符串、模板字符串和对象形式的传参。同时,针对路由传参的相关面试题进行了答疑,如params参数与path的结合使用、params可传可不传的设定,以及空字符串传递的处理方法。
摘要由CSDN通过智能技术生成

路由传参

路由跳转有两种方式:

(1)声明式导航:router-link(务必要有to属性),可以实现路由的跳转

(2)编程式导航:利用的是组件实例的$router.push/replace方法,可以实现路由的跳转。(可以书写一些自己业务)

8.2:路由传参,参数有几种写法?

params参数:属于路径当中的一部分,需要注意,在配置路由的时候,需要占位,例如

path: " /searchf/: keyword"

第一种写法:字符串形式

this.$router.push(" /search/" + this.keyword)

query参数:不属于路径当中的一部分,类似于ajax中的queryString/home?k=v&kv=,不需要占位

eyword+"?k="+this.keyword.toUpperCase());

第二种写法:模板字符串形式

this. r o u t e r . p

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值