Lấy khóa khi lặp mảng trong Vue
Đôi khi ngoài các phần tử của mảng, chúng ta cũng muốn truy cập vào cả các khóa. Để làm điều này, cú pháp mở rộng sau được sử dụng:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Với các khóa khi xuất ra, bạn có thể thực hiện nhiều thao tác khác nhau. Ví dụ, hãy làm sao cho các số thứ tự bắt đầu từ một:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Cho mảng sau:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Hãy xuất các khóa của mảng này
dưới dạng danh sách ul.
