vue路由全面详解(中):路由命名、query参数、params参数(2)

本文详细介绍了Vue路由中的params参数用法,包括配置路由接收params、跳转传递参数及接收参数的方式。同时,文章探讨了路由props配置,通过三种方式让组件更方便地接收参数,并提及了replace属性在路由跳转中的作用。最后,提到了编程式路由导航的重要性及其常用API。
摘要由CSDN通过智能技术生成

<router-link

:to="{

path:‘/home/message/detail’,

query:{

id:666,

title:‘你好’

}

}"

跳转

b.接收参数(拿到参数)的写法:

使用下面的方法:即可将路由传递的数据获取到,然后对数据进行其他操作

$route.query.参数名字

$route.query.id

$route.query.title

使用简化写法,也可以传递参数:只需要将路径 path ,换成 name 即可

<router-link

:to="{

name:‘hello’,

query:{

id:666,

title:‘你好’

}

}"

跳转

2.params参数

a. 配置路由时,声明接收 params 参数

使用**:占位符,声明接收 params 参数,😗*占位符后紧跟要传递的参数名称,多个参数之间,使用 / 连接

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值