Как из родителя запустить метод в ребенке Vue?

Question

[danilr]

Необходимо при клике в родителе как-то запустить метод в ребенке - как это можно сделать? только без watch, пожалуйста

Comments

[Алексей Ярков]

только без watch, пожалуйста

Откуда такая неприязнь? =)

Answer 1

[0xD34F]

через ref:

<button @click="$refs.child.someMethod()">call child method</button>
<child-component ref="child"></child-component>

Comments

[PEMOK]

Используй ref на дочернем элементе.
В родителе this.$refs.метод_ребенка()

[#FFFFFF]

0xD34F, есть идеи, как это сделать с typescript? Не пойму, какой тип проставить для this.$refs.child

Answer 2

[Родион Альметов]

https://ru.vuejs.org/v2/guide/components-custom-ev...

Через $emit

в родителе
<child @someEvent="nameEvent"></child>
в методах: nameEvent(){
}

в ребенке
там где нужно вызвать событие (какая то функция)
this.$emit('someEvent');

Comments

[danilr]

Буду очень благодарен если где нибудь в песочнице пример сделаете. У меня пока не сработало

[Родион Альметов]

https://jsfiddle.net/bas0gcxw/

[alex]

Родион Альметов, вопрос пробовали читать?

[Алексей Ярков]

Родион Альметов вы не поняли вопрос.
Надо не из ребенка в родителе вызвать, а из родителя в ребенке.
Тут больше ref подойдет, как 0xD34F написал.