Добијање кључева при прегледању низова у 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.