Vue'de Dizi Yinelemede Anahtarları Alma
Bazen dizi elemanlarına ek olarak, anahtarlara da erişmek isteriz. Bunun için aşağıdaki genişletilmiş sözdizimi kullanılır:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Anahtarlarla çıktı alırken çeşitli işlemler yapılabilir. Örneğin, numaraların birden başlamasını sağlayalım:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Aşağıdaki dizi verilmiştir:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Bu dizinin anahtarlarını bir ul listesi şeklinde ekrana yazdırın.
