Vue 实现页面跳转

本文详细介绍了Vue中如何使用`$router.push()`进行路由跳转并传递参数,包括通过`params`和`query`两种方式。重点讲解了路径参数与查询参数的区别,并给出了接收参数的方法。同时提醒开发者注意path与params不能同时使用,需用name指定页面。
摘要由CSDN通过智能技术生成
toIndex: function(){
  this.$router.push("/?linkParam="+ localStorage.getItem("id"));
}

this.$router.push()方法只有一个参数的时候,代表跳转地址,还可以增加参数传值。

写法:

this.$router.push({name: "toLink", params: {'id': data.id, 'title': data.title}});

接收参数:

this.$route.params.title

注:

path 不能和 params 一起使用,否则 params 将无效。需要用 name 来指定页面。

或者通过 path 和 query 传递参数

this.$router.push({path: 'toLink', query: {'id', this.id}})

接收参数:

this.$route.query.id

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

_格鲁特宝宝

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值