Vue.js wywoływanie metody w komponencie potomnym

Question

Cześć.

Mam pewien problem. Używam 

<component v-bind:is="currentGroupComponent" :group_id="group_id"/>

onPreviewGroup(id) {
        this.group_id = id;
        this.currentGroupComponent = PreviewUserGroupComponent;
        //wywołaj loadData()
      },

problem w tym że onPreviewGroup wywoływane jest na pętli, czyli jest lista, klikam i do group_id
zapisywane jest id a następnie wywoływany odpowiedni komponent. Problem polega na tym 
że dane ładowane są tylko do pierwszego kliknięcia co zresztą jest dość logiczne. Moim
pomysłem jest wywołanie loadData() w PreviewUserGroupComponent, metody odpowiedzialnej 
za załadowanie danych.
Jak to osiągnąć?

Answer 1

Nie za bardzo rozumiem o co Ci chodzi ale jeśli chcesz wywołać metodę w komponencie, możesz użyć:

W rodzicu:

Template

<my-component ref="wywołajCoś"></my-component>

Methods:

jakasFunkcja(){
    this.$refs.foo.wywołajCoś(opcjonalneDane)
}

I w dziecku w methods:

wywołajCoś(opcjonalneDane){
console.log(opcjonalneDane)
}