element ui tabs標簽頁動態增加標簽頁，標簽頁引用組件

 

template模板：

<el-tabs v-model="editableTabsValue" type="border-card" @edit="removeTab" closable style="height: 100%;"> <el-tab-pane :key="item.name" v-for="(item) in editableTabs" :label="item.title" :name="item.name"> <tab-component :is=item.content></tab-component> </el-tab-pane> </el-tabs> 

引入組件：

import tableTab from '@/components/main/tabs/TableTab' 

並作為子組件

components: {
      tableTab
    }

標簽數據中，使用組件作為內容

editableTabs: [{
    title: '對象',
    name: '1',
    content: 'tableTab'
}]