Добивање на клучеви при итерација на низи во Vue
Понекогаш, покрај елементите на низата, би сакале да имаме пристап и до клучевите. За ова се користи следниот проширен синтакса:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Со клучевите при прикажувањето може да се прават различни операции. На пример, да направиме така што броевите да започнуваат од еден:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Дадена е следнава низа:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Прикажете ги клучевите на оваа низа
во вид на листа ul.