Vue回车键触发 使用 @keyup.enter 事件监听回车键。

<template>
  <div>
    <!-- 绑定键盘回车事件 -->
    <input @keyup.enter="handleEnter" placeholder="按下回车键触发" />
  </div>
</template>
 
<script setup lang="ts>
  const handleEnter = () => {
	console.log('回车键被触发')
  }
</script>

Vue 提供了 @keyup.enter 事件修饰符，可以方便地监听回车键的按下事件。

使用方法：在需要触发事件的元素上使用 @keyup.enter 来绑定相应的方法。