vue query或params传参

本文详细介绍了在Vue.js中使用query和params进行页面间参数传递的方法。通过具体代码示例,讲解了如何在导航时设置参数,以及在目标页面如何读取这些参数,特别强调了params传参时必须使用name属性而非path。
摘要由CSDN通过智能技术生成

1.query 

  传递端:

  this.$router.push({

    path:"/AccountFP",

    query:{

      id:row.id,

      userId:row.userId

    }

  })

  接受端:

  console.log(this.$route.query,id)

  console.log(this.$route.query,userId)

 

2:params

  1:传递端

  

this.$router.push({
        name:'xxx'
        params:{
          id:id
        }
      })

  接受:

this.$route.params.id

  注意:params传参,push里面只能是 name:'xxxx',不能是path:'/xxx',因为params只能用name来引入路由,如果这里写成了path,接收参数页面会是undefined!!

 

  

  

转载于:https://www.cnblogs.com/lijuntao/p/9397358.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值