Vue中的路由传参方式-query

在Vue.js应用中,父组件通过`this.$router.push`使用query参数向子组件传递数据,子组件在`created`生命周期钩子中通过`this.$route.query`获取这些参数。这种方法常用于动态路由和组件间的简单通信。
摘要由CSDN通过智能技术生成

父组件传参

   this.$router.push({
   //path中写的是要跳转的组件的名称
          path:'Update',  //往哪跳
   //传递的参数不是params,是query       
          query: {
            pigId : 1  //参数
          }
        })

子组件接收参数:

    created() {
      console.log(this.$route.query);
    },
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值