Dobijanje ključeva pri iteraciji kroz nizove u Vue
Ponekad, pored elemenata niza, želeli bismo pristup i ključevima. Za ovo se koristi sledeća proširena sintaksa:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Sa ključevima pri prikazu možemo raditi različite operacije. Na primer, hajde da ih navedemo počev od jedinice:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Dat je sledeći niz:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Prikažite ključeve ovog niza
u vidu liste ul.
