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