antdesignvue 调用父组件事件并传参

在 Ant Design Vue 中，可以使用 `this.$emit` 方法来触发父组件的事件，并且传递参数。假设你想要在子组件中触发一个名为 `onChildEvent` 的事件，并且传递一个参数 `data`，可以按照以下步骤进行：

1. 在父组件中定义一个方法，用于处理子组件触发的事件。例如：

   <template>
     <div>
       <ChildComponent @onChildEvent="handleChildEvent" />
     </div>
   </template>

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

   export default {
     components: {
       ChildComponent
     },
     methods: {
       handleChildEvent(data) {
         console.log('Received data from child component:', data)
       }
     }
   }
   </script>

2. 在子组件中，在需要触发事件的地方调用 `$emit` 方法。例如：

   <template>
     <div>
       <button @click="onButtonClick">Click me!</button>
     </div>
   </template>

   <script>
   export default {
     methods: {
       onButtonClick() {
         const data = 'Hello, world!'
         this.$emit('onChildEvent', data)
       }
     }
   }
   </script>

这里，我们在按钮的 `click` 事件中调用 `this.$emit` 方法，并传递事件名称 `'onChildEvent'` 和一个参数 `data`。

当用户点击按钮时，子组件会触发名为 `onChildEvent` 的事件，并将参数 `data` 传递给父组件的 `handleChildEvent` 方法。父组件可以在该方法中处理传递的数据，并执行其他操作。