Získávání klíčů při procházení polí ve Vue
Někdy kromě prvků pole bychom chtěli mít přístup také ke klíčům. K tomu se používá následující rozšířená syntaxe:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
S klíči při výpisu lze provádět různé operace. Například udělejme, aby číslování začínalo jedničkou:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Je dáno následující pole:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Vypište klíče tohoto pole
jako seznam ul.
