V-For Key (ARCH3324)

Anahtar typescript.vue.v-for-key · Önem warning · Kategori quality

Vue: :key‘i olmayan v-for’ları işaretler. Vue liste düğümlerini konuma göre yamar; DOM durumu (odak, girilen metin, geçişler) ögeyle değil konumla kalır.

Yanlış

<li v-for="item in items">{{ item.name }}</li>

Doğru

<li v-for="item in items" :key="item.id">{{ item.name }}</li>