vue 中路由传参的几种方式

vue 中路由传参的几种方式:

说起传参,大家都不陌生。传参是前端人员经常会用到的一个操作,在我们开发过程中,有些情况下我们需要用到上个页面的某个参数,就要使用到路由传参了。接下来本文会详细介绍一下 vue-Router 的几种传参方式,以及一些小细节。

如果我们要实现从A页面跳转到B页面,这里我们使用 router-link 的方法去实现,那么该怎么写呢?

<router-link :to="{ A: 'xxx', query: { xx:'xxx' }}" />
<router-link :to="{ A: 'xxx', parmas: { xx:'xxx' }}" />
routes:{
    ??? }

接下来就有这几个疑惑:

  • 这里的 A,我们应该怎么写呢?是用 params 还是 query ?
  • routers该怎么去写呢?
  • 路由显示出来的效果是什么样的呢?
  • 参数传过去之后怎么获取呢?
query 传参:
<router-link :to
  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值