vue3键盘敲击回车触发按钮

在Vue 3中，你可以利用`v-model`配合自定义事件监听来实现键盘敲击回车触发按钮的功能。首先，在HTML部分，创建一个输入框并绑定到一个计算属性上：

<input type="text" v-model="inputValue" @keyup.enter="handleEnter">
<button @click="submitButton">点击提交</button>

然后，在你的Vue组件的script部分，定义`inputValue`和`handleEnter`方法：

export default {
  data() {
    return {
      inputValue: '',
    };
  },
  methods: {
    handleEnter(e) {
      if (e.keyCode === 13 && this.inputValue) { // 检查是否是回车键并且输入值不为空
        this.submitButton(); // 触发提交按钮的方法
      }
    },
    submitButton() {
      console.log('提交按钮被点击了，输入值：', this.inputValue);
      // 这里可以添加实际的提交逻辑
    },
  },
};

当用户在输入框内按下回车键并且输入不为空时，`handleEnter`方法会被触发，进而执行`submitButton`方法。这样就实现了键盘敲击回车触发按钮的效果。