Вообщем есть проект на vueJs, я пытаюсь вызвать метод дочернего компонента из родительского, но что-то не выходит. Вот что в родительском компоненте:
<modalWindow :dialog="openFilter" :maxWidth="'720px'">
<filterComponent ref="filterData" @callUpdateChartAndDataGrid="updateChartAndDataGrid" @callCloseModal="closeModal"></filterComponent>
</modalWindow>
<script>
import ModalWindow from '@/components/Other/ModalComponent';
import FilterComponent from '@/components/Other/FilterComponent';
...
onFilter () {
this.openFilter = !this.openFilter;
this.$refs.filterData.checkAllBills()
this.$refs.filterData.checkAllCategories()
this.$refs.filterData.checkAllCurrencies()
this.$refs.filterData.checkAllTypes()
},
...
Ну методы такие в дочернем точно есть, но ошибка получаю вот такую:
vue.runtime.esm.js?2b0e:1888 TypeError: Cannot read properties of undefined (reading 'checkAllBills')
Прошу помощи.