다른 구성 요소의 메서드 호출 VueJS 버전 1

Question

부모 구성 요소라고 가정 해 보겠습니다. 다른 구성 요소의 메서드를 호출하고 싶습니다 ... 그렇다면 notie.vue가 있고 'flash'라는 메서드가 있는데 호출하려고합니다. API 요청 후 성공하면됩니다. 그래서

의이 말을하자

경우입니다 : 후 내가 매개 변수와 같은 것을 호출 할 API ---> notie.success ('알림 유형', '알림 메시지가')

이 여기의를 얻을 수 코드 :

소품이

props: { 
    type: { 
     default: 'info', 
     required: false 
    }, 
    content: { 
     default: 'This is just demo text', 
     required: false 
    }, 
    visible: { 
     type: Boolean, 
     default: false 
    } 
} 

같이 정의되어 다음의 데이터

data: function() { 
    return { 
     show: true 
    } 
} 

여기에 여기에 내가 내 notie 구성 요소를 호출 할 여기서 예를 들어 HTML 코드

<div class="notie" v-bind:class="[{active: show}, type]" v-on:click="close()"> 
    <div class="notie__icon" :class="type"></div> 
    <div class="notie__content" v-text="content"></div> 
</div> 

의 방법

methods: { 
    flash: function() { 
     this.show = true; 
    } 
} 

의

submit: function() { 
    this.$http.post('/api/books/add', { 
     data: this.data, 
    }).then(function (response) { 
     // I want to use notie component right here to notice to users. 
    }, function (response) { 
    }); 
} 

내 질문에 어떻게 성공이나 오류에 대한 API 요청 후 flash()를 호출 할 수 있습니까? 당신이 아이들의 메소드를 호출 할 경우

Answer 1

는 "부모"를 호출 할 경우이 this.$children[0].someMethod()

이 배열하여 API를 호출하는 코드가 this.$children