ProgrammingVue

Elements in iteration expect to have ‘v-bind:key’ directives

803
Vuejs
Vuejs
Struktur ini menyebabkan kesalahan tersebut:
<div v-for="(item, index) in items">
    {{index}}. {{item.name}}
</div>
Anda dapat memperbaikinya dengan mengubah sintaks seperti ini:
<div v-for="(item, index) in items" :key="item.id">
    {{index}}. {{item.name}}
</div>

Jika item Anda tidak memiliki kolom id unik, Anda cukup menulis :key=”item”. Namun, untuk alasan kinerja, data Anda harus memiliki kolom id.



https://masteringjs.io/tutorials/vue/elements-in-iteration-expect-to-have-v-bind-key

https://stackoverflow.com/questions/47608379/vue-language-server-elements-in-iteration-expect-to-have-v-bindkey-directiv

Exit mobile version
Verified by MonsterInsights