Ottenere le chiavi durante l'iterazione di array in Vue
A volte, oltre agli elementi dell'array, vorremmo avere accesso anche alle chiavi. Per questo viene utilizzata la seguente sintassi estesa:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Con le chiavi durante l'output si possono fare varie operazioni. Ad esempio, facciamo in modo che i numeri inizino da uno:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Dato il seguente array:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Visualizza le chiavi di questo array
come una lista ul.
