Здравствуйте.
Полный нуб в Vue и до этого не сталкивался с подобными библиотеками.
Есть компонент и я хочу вызвать метод дочернего компонента. И не могу понять как это правильно сделать. По документации я понимаю что могу только значение передать(props), а событие вызвать может только дочерний компонент у родителя. Пробовал через $on\$emit, но ни ошибки ни результата.
Или правильно значение в переданном параметре через props и отслеживать его в дочернем, если изменился то запустить метод.
В общем в полном не понимании, направьте пожалуйста в нужное направление.
Заранее спасибо!
Родительский компонент:
<template>
<b-tab v-on:click="initReviews" title="Отзывы">
<reviews></reviews>
</b-tab>
</template>
<script type="text/babel">
import reviews from './reviews/reviews.vue';
export default {
data() {
return {
}
},
components:{
reviews
},
methods:{
initReviews:function(){
console.log("Click reviews tab! init ...");
// Как тут обратиться к reviews.init() ?
}
}
}
</script>
Дочерний компонент:
<template>
<div>
<div v-if="showLoader">Загружаем отзывы ...</div>
<div v-else>список отзывов!</div>
</div>
</template>
<script type="text/babel">
export default {
data() {
return {
showLoader:true,
}
},
methods:{
init:function () {
console.log("child init ...");
this.showLoader = false;
}
}
}
</script>