Obtention de clés lors de l'itération de tableaux dans Vue
Parfois, en plus des éléments du tableau, nous aimerions également avoir accès aux clés. Pour cela, la syntaxe étendue suivante est utilisée :
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Diverses opérations peuvent être effectuées sur les clés lors de l'affichage. Par exemple, faisons en sorte que les numéros commencent à partir de un :
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Le tableau suivant est donné :
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Affichez les clés de ce tableau
sous forme de liste ul.
