首页/

Nuxt3回车事件绑定

评论 (0)访问 (326)分类:破碎代码发布时间:

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())

其中handleSubmitclick事件

点赞(0)

收藏(0)

打赏

发布于

发表评论- Comments

您必须登录注册发表评论

一个神奇的博客

保 洁 阿 姨

拥有60+年的前端设计经验

动态数量

闲言杂语

运行天数

访 客 量