Как передать событие клика из компонента №1 передать в компонент №2?

Question

[szQocks]

Есть 2 компонента, в компоненте №1 - кнопка, в компоненте №2 форма, есть также валидация, но это не особо важно.
Как передать событие клика из компонента №1 в компонент №2, или как проверить из дочернего компонента клик в родительском?

Answer 1

[Дмитрий Беляев]

Вообще, если компонент завязан на родительский компонент, то это говорит о проблемах с архитектурой.
Но если очень надо, то можно:
1. подписаться на события родительского компонента, обратившись к нему через this.$parent
https://ru.vuejs.org/v2/guide/components-edge-case...
2. родительский компонент может вызвать методы любого потомка, на который он навешал ref
https://ru.vuejs.org/v2/guide/components-edge-case...

Comments

[szQocks]

2. родительский компонент может вызвать методы любого потомка, на который он навешал ref

Вот и ответ , благодарю.
А на счет архитектуры надеюсь я не натупил?

[Дмитрий Беляев]

szQocks, по одной разметке об архитектуре сложно судить.
Если работает и жить не мешает, не заморачивайтесь пока.
Вот когда настанет момент, что поправить это все сложно, то придет и осознание, как делать правильно.

Answer 2

[Kirill Makarov]

Не знаю как во вью но в реакте это можно сделать передав из родителя в ребенка функцию как пропс, либо де на крайний вариант можно использовать useRef либо в контексте передать функцию

Comments

[szQocks]

ref / контекст , спасибо

Answer 3

[Никита Кинаш]

Можно передавать флаг события в дочерний компонент через props.
Повесить на кнопку в родительском обработчик события, где при клике isClicked = true при нажатии, и затем передать в дочерний элемент в качестве props этот самый isClicked