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



@krispey15

Есть два компонента, мне нужно вызвать метод из другого компонента.
Компонент метод которого мне нужно вызвать tiiggerChangeValue().

export default class ListFilter extends Vue {
        triggerChangeValue() {
            this.filterValues = {...this.filterValues};
        }
    }

Компонент в котором мне нужно вызвать этот метод при клике:

<div class="tag" v-for="tag in item.tags" v-on:click="clickTest(tag)">
    {{tag.name}}
</div>

    export default class NewsItem extends Vue {

      clickTest(value) {
        console.log(value)
        }
    }

Как это можно сделать?


Решения вопроса 0


Ответы на вопрос 1



@Fragster

обычно в шаблоне в атрибуте <my-component ref="refNameAsInTemplate" />обзывали компонент, а в коде обращались через this.$refs.refNameAsInTemplate.method() для options синтаксиса или через

const refNameAsInTemplate = ref(null)
... 
function myHandler() {
  refNameAsInTemplate.value.method()
}
...
return {
...,
refNameAsInTemplate 
...
}

для composition api

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *