tab与menu关联

el-tabs上添加@tab-click事件

<el-tabs type="border-card" class="main-tabs" v-model="selectTabName" @tab-click="tabClick" @tab-remove="mainTabsRemoveTab">
	<el-tab-pane closable v-for="(item, index) in mainTabs" :key="item.id" :name="item.id" :label="item.title">
		<span slot="label">{{item.title}}</span>
		<input type="text" id="hidep" style="display: none;"/>
		<p id="hideA" style="display:none;" @click="addTabIframe($event)"></p>
		<iframe frameborder="0" :src="item.content" ref="tabsIframe" id="tabsIframe" width="100%" ></iframe>
	</el-tab-pane>
</el-tabs>

tabClick(tab,event){
    document.getElementById(tab.name).click();
}