Uzyskiwanie kluczy podczas iteracji tablic w Vue
Czasami oprócz elementów tablicy, chcielibyśmy mieć dostęp również do kluczy. W tym celu stosowana jest następująca rozszerzona składnia:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Z kluczami przy wyświetlaniu można wykonywać różne operacje. Na przykład, sprawmy, aby numery zaczynały się od jedynki:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Dana jest następująca tablica:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Wyświetl klucze tej tablicy
w postaci listy ul.
