Получаване на ключове при обхождане на масиви във 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.
