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

Question

[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)
        }
    }

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

Comments

[Вадим]

Лучше через паттерн наблюдатель\eventEmitter.
Обращение через ref ведёт к сильной связности в коде, что делает его не очевидным, не переиспользуемым и более тяжёлым в сопровождении.

Answer 1

[Антон Антон]

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

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

для composition api