javascript - 如何在父组件Vue中调用子组件的方法

Question

我想从 vue 中的父组件运行子组件的方法来刷新该组件的某些区域。这是我想要的一个例子。

主页.vue

<template>
   <componentp></componentp>
</template>

<script>
.....
methods:{
  parentMethod(){
    //I want to call to methodx in componentp
  }
}
...
</script>

组件p.vue

<template>
..............
</template>

<script>
....
methods:{
 methodx(){
   //Run me from parent
 }
}
}
...
</script>

我想在子组件中调用 methodx 我该怎么做。？

标签： javascriptnode.jsvue.jsvue-componentvuex

Answer 1

如果您不能按照@Chris G 所说的做，另一种选择可能是使用观察者：

https://vuejs.org/v2/guide/computed.html#Watchers

创建一些“控制”变量并观察它是否会更改以使您的流程。