javascript - Vue.js : Call a Method from another Component

Question

这是我的 Component1 的 HTML

 <component2></component2>

这是我的<script>来自组件1

export default {
 
  methods: {
    fetchData()
    {
    ...
    }
 }
}

我想调用该方法fetchData()在组件2

我的<script>来自组件2

 export default {
     ...
    }

我尝试过:this.$root.$refs.c1= this; ... this.$root.$refs.c1.fetchData()

我尝试设置一个事件

没有任何效果

Answer 1

您可以在 Component2 上调用 emit，并在 Component1 接收到它时调用 fetchData:

<component2 @fetch="fetchData()"></component2>

在 Component2 上，您需要在某个时刻发出 fetch 。例如:

export default {
    created() {
        this.$emit('fetch')
    }
}