Madeas
@Madeas
UI / UX Designer, Frontend Developer

Почему происходит ошибка ключа?

Привет всем.

Ребята, подскажите, почему так происходит?

Делал проект на галпе, подключил вью как библиотеку и все компоненты пришлось писать в js таким образом:
spoiler
one.1576064392.jpg

Ошибок не выдавал никаких. Сайт уже неск месяцев работает нормально, в консоли нет ошибок.

Недавно решил переделать сайт в SPA на VUE CLI и теперь столкнулся с проблемой. При переносе содержимого компонентов из js в формат file.vue повылезало куча ошибок))) (не удивлен, так как до сих пор еще изучаю вью) Но одна из них - ошибка ключей (в данном случае индекса) в директиве ви-фор. Что у меня в голове не укладывается.

Если я вставляю как было, то вылезает ошибка:
spoiler
one.1576064615.jpg

Если переношу индекс на новую строку, то все ок:
spoiler
one.1576064688.jpg

Честно говоря, как правильно работать с ключами я не до конца понимаю, но если я все верно понял, то ключ (:key) должен находиться там же, где и v-for. Подскажите, в чем ошибка и как правильно настраивать ключи? Где я ошибаюсь?
  • Вопрос задан
  • 71 просмотр
Решения вопроса 1
Если перевести содержание ошибки, то звучит примерно следующее:
"Используйте ключи только на реальных элементах"
Элемент template это условный элемент, поэтому решение проблемы будет таким:
<ul class = "dots">
  <li v-for = "(value, index) in cd.software" :key = "index">{{ value }}</li>
</ul>
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы