您的当前位置：首页 vue获取父组件方法的返回值

vue获取父组件方法的返回值

来源：爱go旅游网

vue获取父组件方法的返回值

在Vue中，我们可以通过$parent来获取父组件的实例，进而调用父组件中的方法。但是，如果我们想要获取父组件方法的返回值，该怎么做呢？

方法一：通过$parent直接调用方法并获取返回值

我们可以通过$parent来获取父组件的实例，然后直接调用父组件中的方法，并获取其返回值。下面是示例代码： ``` // 父组件 // 子组件 ```

- 2 -

在父组件中，我们定义了一个方法getResult()，返回一个字符串。在子组件中，我们定义了一个方法

getResultFromParent()，通过this.$parent调用父组件中的getResult()方法，并获取其返回值。最终，我们通过console.log()打印出了父组件方法的返回值。方法二：使用$emit来传递返回值

我们可以在父组件中，通过$emit来传递方法的返回值，然后在子组件中监听该事件，并获取返回值。 ``` // 父组件 // 子组件 ```

- 4 -

在子组件中，我们定义了一个方法getResultFromParent()，通过this.$parent调用父组件中的getResult()方法，并将其返回值通过$emit传递给父组件。在父组件中，我们通过@get-result来监听该事件，并获取返回值。最终，我们通过console.log()打印出了父组件方法的返回值。

- 5 -

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文