vue父组件执行子组件事件

在Vue中，父组件可以通过调用子组件的实例来执行子组件的事件。可以通过在子组件上添加ref属性来获取子组件的实例。然后在父组件中使用$refs来访问子组件的方法。

例如，在父组件中，我们可以使用this.$refs来获取子组件实例，然后调用子组件的方法。比如，如果子组件的ref属性为"raddDept"，我们可以使用this.$refs.raddDept来获取子组件的实例，并且调用子组件的getDepartDetail方法。

示例代码如下：

<template>
  <div>
    <AddDept ref="raddDept" />
  </div>
</template>

<script>
import AddDept from './AddDept.vue'

export default {
  components: {
    AddDept
  },
  methods: {
    editDepts(node) {
      this.showDialog = true

#### 引用[.reference_title]
-  *1* *2* [vue父组件怎么调用子组件的事件-父组件用ref同步给子组件传递参数](https://blog.csdn.net/qq_61950936/article/details/126908049)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
-  *3* [Vue父组件调用子组件事件的两种方法](https://blog.csdn.net/fhjdzkp/article/details/110082729)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]