Mendapatkan Kunci saat Iterasi Array di Vue
Terkadang selain elemen array, kita juga ingin mengakses kuncinya. Untuk melakukan ini, digunakan sintaks yang diperluas berikut:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Berbagai operasi dapat dilakukan dengan kunci saat menampilkannya. Sebagai contoh, mari kita buat nomor dimulai dari satu:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Diberikan array berikut:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Tampilkan kunci dari array ini
dalam bentuk daftar ul.
