Nuxt3回车事件绑定

composables目录下新建一个useUtil.ts

useUtil.ts

export function useEnterEvent(event: () => void) {
   function handleEnterEvent(e: { key: string, preventDefault: () => void }) {
      if (e.key === 'Enter') {
         event()
         // 取消事件的默认动作
         e.preventDefault()
      }
   }
   onBeforeMount(() => document.addEventListener('keydown', handleEnterEvent))
   onUnmounted(() => document.removeEventListener('keydown', handleEnterEvent))
}

使用方法

/**
 * @description 回车事件绑定
 */
useEnterEvent(() => handleSubmit())

其中handleSubmit为click事件