i’m trying to add icon dynamiclly when i choose select-option !
but
<ion-icon :icon="interests_selected.icon" style="color: #666666d4" />
this doesn’t show anything !!
here’s my code
<ion-item
v-for="(interests_selected, index) in selectedIndex"
:key="index"
class="list_language"
>
<ion-badge color="medium">
<ion-icon :icon="interests_selected.icon" style="color: #666666d4" />
{{ interests_selected.name }}
</ion-badge>
</ion-item>
<ion-select
multiple="true"
cancel-text="Annuler"
ok-text="Confirmer"
placeholder="+"
class="add_interst"
ref="autocompleteRef"
v-if="!toggleSelect"
v-model="selectedIndex"
hidden
>
<ion-select-option
v-for="(item, index) in currencyList"
:key="index"
:value="item"
> {{ item.name }}</ion-select-option>
</ion-select>
<script>
setup() {
const currencyList = [ {
"name": "Lecture",
"icon": "book"
},
{
"name": "Ecriture",
"icon": "pencil"
},
{
"name": "Peinture",
"icon": "brush"
},
]
return {currencyList}
</script>
any solutions please ?