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
});

猜你喜欢

转载自blog.csdn.net/weixin_43837268/article/details/84675191