Att få nycklar vid iteration av arrayer i Vue
Ibland, förutom arrayelementen, skulle vi också vilja ha åtkomst till nycklarna. För detta används följande utökade syntax:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Med nycklarna vid utskrift kan man göra olika operationer. Till exempel, låt oss se till att numren börjar på ett:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Följande array är given:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Skriv ut nycklarna för denna array
i form av en lista ul.
