vue中父组件通过provide让子组件调用父组件的方法

1.父组件:】

provide:

【provide:】
provide: function() {
    return {
      //给addTab定义一个getAdd的调用名称
      getAdd: this.addTab,
    };
},
【data:】
tabs: [
        { id:"t1",
          title: "补录信息页面",
          component: "Channel5",
          props:{id:"t1"}
        }]
【method:】
addTab(tab){
   if(this.list[tab.id]!==true){
   	this.$refs.tc.add(tab);
	this.list[tab.id] = true;
   }else {
        this.$confirm("您已经打开新增页面");
        this.$refs.tc.active = tab.id;
   }	
}

子组件:】

inject: ["getAdd"],
//子组件调用父组件的方法
this.getAdd({
        id:"t2",
        title: "存款信息新增页面",
        component: "AddInput",
        props:{id:"t2"},
        closable: true
});

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值