Всем привет! Кто-нибудь сталкивался с багом рендера списка без ключа?

Question

Всем привет! Кто-нибудь сталкивался с багом рендера списка без ключа?

Есть вот такой шаблон:
<q-banner v-for="(group, index) in groups" :key="index" class="bg-green-2 row q-my-md">
<q-btn color="primary" label="Remove group" @click="remove(index)" class="float-right"/>
<Group :initial="group" ref="groupsValue"/>
</q-banner>

при удалении из groups любого элемента Vue сократит размерность массива, но не перерендерит его. Это приводит к тому, что как будто бы удаляется всегда последний элемент. У меня в groups объекты, но какого-то id у них нет, поэтому использую index. Переменная groups объявлена как const groups = reactive(props.initial.groups).

#frontend #javascript #programming #russian #vue.js

0

24.11.2020

2 ответов

13 просмотров

TyVik Автор вопроса

Eugen
Не используй индекс как ключ, если активно работае...

спасибо :) хоть кто-то откликнулся :) в массиве будет максимум 10 элементов каждый из 2х инпутов. Меня более чем устроит, если будет весь компонент перерисовываться.

0

24.11.2020

Eugen · Accepted Answer

Eugen

Не используй индекс как ключ, если активно работаешь с массивом. Нет id у объекта - юзай uuid

0

24.11.2020

169 похожих чатов

Всем привет! Кто-нибудь сталкивался с багом рендера списка без ключа?

2 ответов

Похожие вопросы