Zeigen Sie ausgewählte Länderflaggen in Vue an
Nach der Auswahl eines Landes muss die Flagge in den Auswahloptionen angezeigt werden. Ich muss das in Vue machen.
new Vue({
el: '#app',
vuetify: new Vuetify(),
data: {
select: null,
countries: [
{
name: "Albania",
flag: "em-flag-al"
},
{
name: "Anguilla",
flag: "em-flag-ai"
}
],
}
})
<div id="app">
<v-app class="container">
<v-select
v-model="select"
:items="countries"
label="Select"
item-text="name"
>
<template v-slot:item="slotProps" >
<i :class="['mr-2', 'em', slotProps.item.flag]"></i>
{{slotProps.item.name}}
</template>
</v-select>
</v-app>
</div>
Oder Sie können auf https://codepen.io/aaha/pen/ZEbRwpy?editors=1010 verweisen
