vue push传参的两种方式

本文介绍Vue中使用router进行页面跳转并传递参数的方法。包括通过name和path方式指定目标路由,并利用params和query传递数据。同时展示了如何在目标页面中通过$route.params和$route.query获取传递过来的参数。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

router.push({ name: ‘user’, params: { id: 123 }})
在目标页面通过this.$route.params获取参数:

id:{{this.$route.params.id}}

this. r o u t e r . p u s h ( p a t h : ′ / b a c k e n d ′ , q u e r y : i d : " 2 " ) 在 目 标 页 面 通 过 t h i s . router.push({path: '/backend', query: {id: "2"}}) 在目标页面通过this. router.push(path:/backend,query:id:"2")this.route.query 获取参数

提示:{{this.$route.query.id}}

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值