Mendapatkan Kunci semasa Mengulangi Array dalam Vue
Kadangkala selain elemen array, kita juga ingin mendapatkan akses kepada kunci. Untuk ini, sintaks lanjutan berikut digunakan:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Pelbagai operasi boleh dilakukan dengan kunci apabila memaparkannya. Sebagai contoh, mari kita buat supaya nombor bermula dengan satu:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Diberi array berikut:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Paparkan kunci array ini
dalam bentuk senarai ul.
