Získavanie kľúčov pri prechádzaní polí vo Vue
Niekedy, okrem prvkov poľa, by sme chceli mať prístup aj k kľúčom. Na to sa používa nasledujúci rozšírený syntax:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
S kľúčmi pri výpise môžeme robiť rôzne operácie. Napríklad, spravme to, aby čísla začínali od jednotky:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Dané je nasledujúce pole:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Vypíšte kľúče tohto poľa
vo forme zoznamu ul.