< el-tabs: type= "type" v Murray model = "activeName": closable= "closable" @ tab-remove= "removeTab" >
<el-tab-pane
v-for="(tab) in editableTabs"
:key="tab.name"
:label="tab.title"
:name="tab.name">
<keep-alive>
<component v-bind:is="currentTabComponent" v-bind="currentTabComponent.defaults"></component>
</keep-alive>
</el-tab-pane>
</el-tabs>
//editableTabs el-tab-pane
addTab({title,name},component){
// console.info( " ",title,name );
let tab = this.editableTabs.filter((tab) => {
return tab.name === name
})[0]
if(!!tab){
this.activeName = tab.name
return
}
this.editableTabs.push({title: title,name: name,content: ""})
this.components.push({name: name,component: component})
this.activeName = name
console.info(this.components);
},