Ant Design Vue 中同时触发 focus 和 blur 事件

在 Ant Design Vue 中，可以使用 v-focus 和 v-blur 指令来实现 focus 和 blur 事件的同时触发。具体操作如下：

1. 在需要触发 focus 和 blur 事件的元素上，添加 v-focus 和 v-blur 指令。

例如：

<template>
  <div>
    <input v-focus v-blur />
  </div>
</template>

2. 在组件的 methods 中，定义 focus 和 blur 事件的处理函数。

例如：

<template>
  <div>
    <input v-focus v-blur
      @focus='handleFocus'
      @blur='handleBlur'
    />
  </div>
</template>

<script>
export default {
  methods: {
    handleFocus() {
      console.log('focus');
    },
    handleBlur() {
      console.log('blur');
    },
  },
};
</script>

这样，当用户在输入框中进行操作时，无论是点击输入框还是离开输入框，都会触发 handleFocus 和 handleBlur 函数。