Ты в categoriesList не массив записываешь а 0 элемент, положи всю data
Всё равно не выводит
v-for на ключевом root элементе. root-элемент должен быть один. Плюс у элемента с v-for обязательно должны быть уникальные key
Что выводит в консоль response.data.data?
Сообщение выше
Могу ли я поставить в :key index от цикла?
Да, если уверен, что index на странице уникальные и не будут повторяться в другом цикле на странице
Не желательно, если в теории массив может изменяться, это может повлечь проблемы с переренденгом
А это при чем ?) это не так работает
Что могу поставить ?
Это если в компоненте еще один цикл будет с index. Это нежелательно
Создать рандомные uuid, для каждой записи, и выводить их, как вариант, или использовать Date.now(), но с ним будут проблемы есть будет генерится много элементов одновременно, крч не рекомендуется
А как может быть несколько одинаковых индексов ?)
Ну вот сделает он точно такое же цикл с ( dog, index ). Маловероятно, конечно, но вдруг
Это все равно не так работает, генерится уникальный префикс ключа, и индекс не имеет значения
Проблема в другом, если используются индексы, то при перерисовке могут быть баги, все возможные перечислять не буду, но сам факт ключа в виде индекса бэд практика, не один линтер по хорошему это не пропустит
Да, согласен. Ну тут человек явно учится пока что. Хотя в целом стоит, конечно, сразу уникальные key приучаться ставить
Баги проявляются, если: - элементы списка компоненты с состоянием, которое не меняется от изменения пропсов - html элементы с состоянием, которое не привязано к вью - важен порядок элементов (анимации) Линтеры вроде игнорируют этт
Не игнорируют, если конечно линтер нормально настроен
Проблема появится при сравнении элементов, не важно как они будут добавляться, это в первую очередь чревато проблемами производительности, а в худшем случае не правильной перерисовкой
Обсуждают сегодня