<el-dropdown
trigger="click"
style="
width: 88px;
border-right: 1px solid #b9b9b9;
margin-left: 12px;
"
>
<span class="el-dropdown-link">
US +1
<el-icon class="el-icon--right">
<arrow-down />
</el-icon>
</span>
<template #dropdown>
<el-dropdown-menu>
<el-dropdown-item
v-for="(item, index) in data.countryList"
:key="index"
>
{{ item.country_abbreviation }} + {{ item.country_code }}
</el-dropdown-item>
</el-dropdown-menu>
</template>
</el-dropdown>
.el-dropdown-menu {
overflow: scroll;
max-height: 200px;
overflow-x: hidden;
}