Массивларни қайталашда калитларни олиш Vue
Базан массив элементлари билан бирга, биз калитларга ҳам access истаймиз. Бунинг учун қуйидаги кенгайтирилган syntax ишлатилади:
<template>
<p v-for="(elem, key) in arr">
{{ key }} {{ elem }}
</p>
</template>
Чиқарishда калитлар билан турли operations бажариш мумкин. Масалан, рақамлар бирдан бошланишини ta'minlayмиз:
<template>
<p v-for="(elem, key) in arr">
{{ key + 1 }} {{ elem }}
</p>
</template>
Қуйидаги массив берилган:
data() {
return {
arr: ['x', 'y', 'z'],
}
}
Бу массивнинг калитларини
ul рўйхати кўринишида чиқаринг.