их 5.
2. В цикле v-for выводится компонент А в который в качестве данного параметра передаётся данный объект.
3. Вывод и удаление объекта из массива с последующей перерисовкой - OK, всё нормально.
🐚 Дальше интересное:
4. В теле самого компонента в секции data объявлена переменная, допустим это name.
5. Добавим в компонент text-field, который будет связан с переменной name
6. Проводим эксперимент - вводим руками различный текст для каждого элемента списка, потом удаляем 2-й по порядку элемент
(при удалении ищем в пассиве индекс объекта который был передан в качестве параметра в карточку/компонент и по индексу удаляем объект из массива)
🌟 ☕️И происходит магия - карточка удаляется верно, с тем объектом, который был передан в ней, но вот все data свойства компонентов остаются на своих местах, в том же порядке, несмотря на то, что был удалён элемент из "середины" массива.
🍺 Кто может пояснить, почему так происходит и как с этим жить?
я нифга не понял, но вангую, что это потеря реактивности
удалять надо через Vue.delete
Так и происходит, с удалением проблем нет. Вопрос в данных, которые создаются в самих компонентах при макете, вот они теряют связь с реальностью
может их дефайнить через Vue.set ?
Хм, а как это сделать, если изначально они лежат в data?
https://ru.vuejs.org/v2/guide/reactivity.html#%D0%94%D0%BB%D1%8F-%D0%BC%D0%B0%D1%81%D1%81%D0%B8%D0%B2%D0%BE%D0%B2
да не, тут всё понятно. Это не решение. В доке чётко зафиксировано, что описанная мною проблема существует, но решений не предложено.
ну да может скинете скриншот или код?
Обсуждают сегодня