Size: a a a

Vue.js Russian Developers Community

2020 December 18

V0

Vadim 007 in Vue.js Russian Developers Community
источник

в

вαғғσмεттι in Vue.js Russian Developers Community
камбоджа
источник

D

DK in Vue.js Russian Developers Community
Вопросы даже не по вую)
источник

V0

Vadim 007 in Vue.js Russian Developers Community
источник

V💊

Vladimir 💉 💊 Voytenk... in Vue.js Russian Developers Community
демократия - давать ли ро на часик?
источник

D

Den in Vue.js Russian Developers Community
Vladimir 💉 💊 Voytenko
демократия - давать ли ро на часик?
определенно
источник

NS

Nataliia Shyianovska in Vue.js Russian Developers Community
Visitor
☕️ Коллеги, вопрос вселенской важности. Итак.
1. Есть массив объектов, допустим их 5.
2. В цикле v-for выводится компонент А в который в качестве данного параметра передаётся данный объект.
3. Вывод и удаление объекта из массива с последующей перерисовкой - OK, всё нормально.

🐚 Дальше интересное:
4. В теле самого компонента в секции data объявлена переменная, допустим это name.
5. Добавим в компонент text-field, который будет связан с переменной name
6. Проводим эксперимент - вводим руками различный текст для каждого элемента списка, потом удаляем 2-й по порядку элемент
(при удалении ищем в пассиве  индекс объекта который был передан в качестве параметра в карточку/компонент и по индексу удаляем объект из массива)

🌟 ☕️И происходит магия - карточка удаляется верно, с тем объектом, который был передан в ней, но вот все data свойства компонентов остаются на своих местах, в том же порядке, несмотря на то, что был удалён элемент из "середины" массива.

🍺 Кто может пояснить, почему так происходит и как с этим жить?
удалять надо через Vue.delete
источник

V

Visitor in Vue.js Russian Developers Community
Nataliia Shyianovska
удалять надо через Vue.delete
Так и происходит, с удалением проблем нет. Вопрос в данных, которые создаются в самих компонентах при макете, вот они теряют связь с реальностью
источник

NS

Nataliia Shyianovska in Vue.js Russian Developers Community
Visitor
Так и происходит, с удалением проблем нет. Вопрос в данных, которые создаются в самих компонентах при макете, вот они теряют связь с реальностью
может их дефайнить через Vue.set ?
источник

V

Visitor in Vue.js Russian Developers Community
Nataliia Shyianovska
может их дефайнить через Vue.set ?
Хм, а как это сделать, если изначально они лежат в data?
источник

NS

Nataliia Shyianovska in Vue.js Russian Developers Community
Visitor
Хм, а как это сделать, если изначально они лежат в data?
источник

V

Visitor in Vue.js Russian Developers Community
да не, тут всё понятно. Это не решение. В доке чётко зафиксировано, что  описанная мною проблема существует, но решений не предложено.
источник

V

Visitor in Vue.js Russian Developers Community
при изменении массива происходит ререндер, параметр-объект корректно прокидывается внутрь, но логическая связь  нарушается - всё то, что было вычислено в "предыдущей версии" компонента, т.е. до удаления, как бы  оказывается в другом компоненте, в очерёдности вывода оных
источник

Д

Дима in Vue.js Russian Developers Community
Visitor
при изменении массива происходит ререндер, параметр-объект корректно прокидывается внутрь, но логическая связь  нарушается - всё то, что было вычислено в "предыдущей версии" компонента, т.е. до удаления, как бы  оказывается в другом компоненте, в очерёдности вывода оных
интересно надо бы воссоздать)
источник

NS

Nataliia Shyianovska in Vue.js Russian Developers Community
Visitor
да не, тут всё понятно. Это не решение. В доке чётко зафиксировано, что  описанная мною проблема существует, но решений не предложено.
ну да может скинете скриншот или код?
источник

Д

Дима in Vue.js Russian Developers Community
Visitor
при изменении массива происходит ререндер, параметр-объект корректно прокидывается внутрь, но логическая связь  нарушается - всё то, что было вычислено в "предыдущей версии" компонента, т.е. до удаления, как бы  оказывается в другом компоненте, в очерёдности вывода оных
А вы key проставляете ?
источник

V

Visitor in Vue.js Russian Developers Community
Дима
А вы key проставляете ?
источник

Д

Дима in Vue.js Russian Developers Community
индекс ?)
источник

V

Visitor in Vue.js Russian Developers Community
Тут пуг если что, не пугайтесь)
источник

V

Visitor in Vue.js Russian Developers Community
Дима
индекс ?)
А что с ним не так?
источник