選擇國家後,選擇選項中必須顯示國旗。我需要在 Vue 中執行此操作。
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>
或可以參考https://codepen.io/aaha/pen/ZEbRwpy?editors=1010
您可以使用另一個插槽進行選擇:)
{{ slotProps.item.name }}