antdesignvue 回车键切换焦点后切换到了后面

Ant Design Vue 的表单组件在按下回车键时默认会切换到下一个表单项，这是 Ant Design Vue 的默认行为。如果您想要自定义回车键的行为，您可以使用 `@keydown.enter` 监听回车键事件，并在事件处理程序中手动切换焦点。例如，您可以使用 `this.$refs` 来获取表单项的引用，然后调用 `focus` 方法来切换焦点。以下是一个示例代码：

<template>
  <a-form ref="form" @keydown.enter="handleEnter">
    <a-form-item label="Username">
      <a-input ref="usernameInput" />
    </a-form-item>
    <a-form-item label="Password">
      <a-input ref="passwordInput" />
    </a-form-item>
  </a-form>
</template>

<script>
export default {
  methods: {
    handleEnter(event) {
      if (event.target === this.$refs.usernameInput.$el) {
        // 如果当前焦点在用户名输入框，切换到密码输入框
        this.$refs.passwordInput.focus();
      } else {
        // 如果当前焦点在密码输入框，提交表单
        this.$refs.form.validate((valid) => {
          if (valid) {
            // 表单验证通过，提交表单
            this.submitForm();
          }
        });
      }
    },
    submitForm() {
      // 提交表单的逻辑
    },
  },
};
</script>

在上面的示例代码中，我们在表单上监听了 `@keydown.enter` 事件，然后在事件处理程序中判断当前焦点所在的表单项，如果在用户名输入框中，则切换到密码输入框；如果在密码输入框中，则提交表单。