vue3 如何主动触发事件

在Vue3中，你可以使用 `trigger` 方法来手动触发一个事件。其语法如下：

import { trigger } from 'vue';

trigger(target, eventName, eventArgs);

其中，`target` 表示要触发事件的目标元素，可以是一个 DOM 元素或者一个 Vue 实例；`eventName` 表示要触发的事件名；`eventArgs` 表示要传递给事件处理函数的参数。

例如，假设我们有一个按钮：

<template>
  <button @click="handleClick">点击我</button>
</template>

我们可以在组件内部手动触发 `click` 事件：

import { trigger } from 'vue';

export default {
  methods: {
    handleClick() {
      // 手动触发 click 事件
      trigger(this.$refs.button, 'click');
    }
  }
}

当我们调用 `handleClick` 方法时，实际上就是手动触发了按钮的 `click` 事件。