VueJS：使用事件总线从组件调用方法

Question

我正在使用 VueJS，并且想在 .Vue 组件中触发一个方法。事件总线工作正常。我根据这篇文章创建了这个：https://alligator.io/vuejs/global-event-bus/

在 eventbus 函数中，我想从组件中调用方法。我怎样才能做到这一点？我试过this.doSearch()，但这不起作用。有什么建议吗？

//Event listener
EventBus.$on('i-got-searched', search => {
    if (!(search === undefined || search === null)) {
        console.log(`Debug: ${search}`)
    }
});

//Component
export default {
    methods: {
        doSearch(input) {
            console.log(input);
        }
    }
}

Answer 1

使用 Vue 的 ref 指令应该适合你：

<search-comp ref="search"></search-comp>

然后在你的 eventbus 中使用：

var search = parent.$refs.search;
search.doSearch(val);

这是一个工作演示： https://codepen.io/egerrard/pen/vpJdQJ

这里是文档： https://vuejs.org/v2/api/#ref