vue3 点击回车让el-input切换焦点

你可以在 `el-input` 上监听 `keydown.enter` 事件，在事件处理程序中手动将焦点切换到下一个 `el-input` 元素。这里是一个简单的示例代码：

<template>
  <div>
    <el-input v-model="input1" @keydown.enter="focusNext($event, 'input2')" />
    <el-input v-model="input2" @keydown.enter="focusNext($event, 'input3')" />
    <el-input v-model="input3" @keydown.enter="focusNext($event, 'input1')" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      input1: '',
      input2: '',
      input3: '',
    }
  },
  methods: {
    focusNext(event, refName) {
      const nextInput = this.$refs[refName]
      if (nextInput) {
        event.preventDefault()
        nextInput.focus()
      }
    },
  },
}
</script>

在这个示例代码中，我们在每个 `el-input` 元素上添加了一个 `@keydown.enter` 事件监听器，并在事件处理程序中调用了名为 `focusNext` 的方法。该方法获取下一个 `el-input` 元素的引用，并将焦点切换到该元素。如果当前元素是最后一个，则切换到第一个元素。