jQuery多種element-ui標籤選項卡插件

js程式碼

<腳本類型="text/javascript" src="js/vue.min.js"></script>
<腳本 src="js/element.min.js"></script>
<腳本類型=“text/javascript”>
新的Vue（{
el: '#myVue',
數據（） {
返回 {
activeName: '第二',
activeName2: '第一個',
tabPosition: '頂部',
可編輯選項卡值2：'2'，
可編輯選項卡2：[{
標題：“選項卡 1”，
名稱：'1'，
內容：'選項卡 1 內容'
}, {
標題：“選項卡 2”，
名稱：'2'，
內容：'選項卡 2 內容'
}],
標籤索引：2
}
},
方法： {
處理點擊（選項卡，事件）{
console.log（選項卡，事件）；
},
addTab(目標名稱) {
讓 newTabName = ++this.tabIndex + '';
this.editableTabs2.push({
標題：“新標籤”，
名稱：新選項卡名稱，
content: '新標籤內容'
});
this.editableTabsValue2 = newTabName;
},
刪除Tab（目標名稱）{
讓 tabs = this.editableTabs2;
讓 activeName = this.editableTabsValue2;
if(activeName === targetName) {
tabs.forEach((選項卡，索引) => {
if(tab.name === 目標名稱) {
讓 nextTab = tabs[index + 1] ||選項卡[索引 - 1]；
如果（下一個選項卡）{
activeName = nextTab.name;
}
}
});
}

this.editableTabsValue2 = activeName;
this.editableTabs2 = tabs.filter(tab => tab.name !== targetName);
}
}
})
</劇本>