Krye verkry wanneer lyste deurgeloop word in Vue
Soms, behalwe vir die elemente van die lys, sou ons ook graag toegang tot die sleutels wou hê. Vir hierdie doel word die volgende uitgebreide sintaksis gebruik:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Verskeie bewerkings kan met die sleutels gedoen word tydens uitset. Laat ons byvoorbeeld maak dat die nommers by een begin:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Die volgende lys word gegee:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Vertoon die sleutels van hierdie lys
as 'n ul lys.