Структура файла такая:
<div>
<ul>
<li v-for="(item,index) in Items :key="index">
<componentA :item= "item"></componentA>
</li>
</ul>
<modal-window></modal-window>
</div>
Изначально модальное окно было внутри componentA и через props передавались значение, но если обратиться внутри модального окна к props,
то там были последние значение :item (значения как-будто перезаписывались) + модальное окно должно быть все-таки одно на всю страницу, а не плодить их.
После я вынес модальный компонент отдельно (см.выше), но теперь нужно передать
значения item выбраного li. Само модальное окно вызываю в componentA через мутацию. Есть вариант в эту мутацию добавить еще значение и уже в самом модальном окне через state к ним обращаться...
Но вроде через props должно быть легко )) Но что-то по структруре не соображу (
можно повесить event click на компонент и в методе открывать модалку по переданном значению item
Обсуждают сегодня