调用父Vue组件的方法

Question

我有一个嵌套的子组件：

<template>
    <main>
        ...
        <feedback></feedback>
    </main>
</template>

在主要组件中，我有一个方法：

methods: {
    filledInput: function () {
        ...
    }
},

如何在子组件feedback中调用此方法？

Answer 1

这就是您如何向孩子发出事件并在父对象上对其做出反应，就像Roy在评论中提到的那样。

在子组件中：

this.$emit('filled', {filledWith: 'this'});

在父母中：

<feedback 
    @filled="data => filledInput(data)"
>
</feedback>