路由传参的方式

跳转路由路径传递参数的方法

将参数直接拼接到路由路径上
配置的动态路由以/:aaa的形式拼接
{
path: ‘/taskManage/TaskFlowDetails/:taskCode/:isHuman/:pkTaskId’,
name: ‘TaskFlowDetails’,
component: TaskFlowDetails
},

在路由跳转时,参数的传递以/ a a a 的形式传递,链接用上引号表示 ⋅ ⋅ l e t u s e r L i n k = ‘ / t a s k M a n a g e / T a s k F l o w D e t a i l s / {aaa}的形式传递,链接用上引号表示· · let userLink =`/taskManage/TaskFlowDetails/ aaa的形式传递,链接用上引号表示⋅⋅letuserLink=‘/taskManage/TaskFlowDetails/{taskCode}/ i s H u m a n / {isHuman}/ isHuman/{pkTaskId}`;
this. r o u t e r . p u s h ( p a t h : u s e r L i n k , ) ; 获取参数的方式可以打印输出查看参数的传递值比如 c o n s o l e . l o g ( t h i s . router.push({ path:userLink, }); 获取参数的方式可以打印输出查看参数的传递值比如 console.log( this. router.push(path:userLink,);获取参数的方式可以打印输出查看参数的传递值比如console.log(this.route)可以查看到拼接的数据在params中捕获
在这里插入图片描述
let taskCode= this.$route.params.taskCode;

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值