Schlüssel beim Durchlaufen von Arrays in Vue abrufen
Manchmal möchten wir neben den Elementen des Arrays auch Zugriff auf die Schlüssel haben. Dafür wird die folgende erweiterte Syntax verwendet:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Mit den Schlüsseln können bei der Ausgabe verschiedene Operationen durchgeführt werden. Lassen Sie uns beispielsweise bewirken, dass die Nummerierung bei eins beginnt:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Gegeben ist das folgende Array:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Geben Sie die Schlüssel dieses Arrays
in Form einer ul-Liste aus.
