vue3多个组件传值,参数,跳转到新页面

一、父页面

1、在你的父页面上,provide提供参数


  // 提供
  provide() {
    return {
      urls: this.urls
    }
  },

 2、向子页面提供的函数:

二、子页面1,点击跳转按钮的页面:

2、在子页面跳转按钮的时候加入到提供的参数那里:

第一步注入父类提供的函数:

// 注入
    inject: ["urls"],

第二步:将你需要传递的参数进行传递:

三、二点击按钮跳转到的页面:

1、注入父类提供的函数:

2、为避免页面还没打开过的,所以在加载完成后调用


  mounted() {
    const credid = this.$route.query.data.credid;
    if(null != credid && undefined != credid){
        const data = {"id":credid};
        this.update2(data);
    }
  },

3、如果已经打开了的,则是通过监听来处理:

 v是二按钮页面传递过来的数据

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值