Gostaria de saber como eu poderia usar um v-for para renderizar diferentes componentes vue.
Estou usando inertia (digo isso porque não sei se a Inertia possui alguma função que possa ajudar).
Sendo mais específico e dando um exemplo, vamos supor que eu tenha um menu lateral na minha aplicação que é formado por ícones. São 4 ícones, onde cada um é nomeado "IconeX", onde X é um número de 1 a 4 para identificar o ícone.
Usando a diretiva v-for
, gostaria de fazer algo como:
<div v-for="(icone, i) in icones" :key="i">
< {{icone}} />
</div>
Sei que isso não funciona, mas apenas usei para passar a ideia do que quero dizer. Ressalto ainda que icones
é um array com os nomes dos ícones disponíveis: icones = [Icone1, Icone2, Icone3, Icone4]