<el-tabs v-model="activeTab">
<el-tab-pane>
<template #label>
<el-dropdown trigger="click" @command="handleDropdownCommand">
<span class="dropdown-title">{{ dropdownTitle }}</span>
<i class="el-icon-arrow-down el-icon--right"></i>
<el-dropdown-menu slot="dropdown">
<el-dropdown-item command="option1">Option 1</el-dropdown-item>
<el-dropdown-item command="option2">Option 2</el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</template>
</el-tab-pane>
</el-tabs>
data() {
return {
activeTab: '0',
dropdownTitle: 'Default Title'
};
},
methods: {
handleDropdownCommand(command) {
this.dropdownTitle = command;
}
}