Есть массив объектов продуктов, отрисовываю через v-for, так-же существует модальное

Question

Есть массив объектов продуктов, отрисовываю через v-for, так-же существует модальное

окно, при клике на карточку продукта должно открываться модальное окно с данными продукта, я вижу 2 варианта:

в v-for получаю индекс, вешаю на карточки обработчик события клик, пердаю индекс в метод-обработчик, в нём копирую все поля из продукта по индексу в отдельное поле данных модального окна:

this.dialog.data.title = this.products[index].title;
this.dialog.data.price = this.products[index].price;

или сразу объект по ссылке

this.dialog.data = this.products[index]

какие подводные присваивать объект по ссылке а не дублировать данные?

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

0

25.09.2019

2 ответов

14 просмотров

Anatoly Ukropov

Лучше сделай ещё один объект в данных, назови его что то типа edited. И при клике this.editedItem = Object.assign({}, item) копирый свой объект в него и отображай уже его в модалке

0

25.09.2019

Vladimir Voytenko ️ · Accepted Answer

Vladimir Voytenko ️

в определенных условиях можно потерять реактивность ;) остальное не понял вообще

0

25.09.2019

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

Есть массив объектов продуктов, отрисовываю через v-for, так-же существует модальное

2 ответов

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