antdesignvue 自定义事件

在 Ant Design Vue 中，你可以使用自定义事件来实现组件间的通信。自定义事件可以在组件中定义和触发，具体步骤如下：

1. 在组件中定义自定义事件，例如：

<template>
  <button @click="handleClick">Click me</button>
</template>

<script>
export default {
  methods: {
    handleClick() {
      this.$emit('custom-event', 'Hello, world!');
    }
  }
}
</script>

在上面的代码中，当点击按钮时，组件会触发一个名为 `custom-event` 的自定义事件，并传递一个字符串参数 `'Hello, world!'`。

2. 在另一个组件中监听自定义事件，例如：

<template>
  <div>
    <p>{{ message }}</p>
    <my-button @custom-event="handleCustomEvent"></my-button>
  </div>
</template>

<script>
import MyButton from './MyButton.vue';

export default {
  components: {
    MyButton
  },
  data() {
    return {
      message: ''
    };
  },
  methods: {
    handleCustomEvent(message) {
      this.message = message;
    }
  }
}
</script>

在上面的代码中，组件监听了名为 `custom-event` 的自定义事件，并在事件触发时执行了 `handleCustomEvent` 方法，将传递的字符串参数赋值给组件的 `message` 数据。

通过这种方式，你可以在 Ant Design Vue 中实现自定义事件，实现组件间的通信。