文章数量
38
闲言杂语
8
运行天数
1,698
访客量
262,306

保 洁 阿 姨

luzhou·sichuan

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

Web网页设计:70888820

看看自适应?

关于更多博客信息

5个视频

Video list

Nuxt3回车事件绑定

IP属地:四川省 / 发布于:6 个月前 / 浏览:266

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事件

给Ta打赏

0人打赏

打赏的土豪们

Rewarded users

暂无打赏

© 未经允许禁止转载

「留下足迹」- Footprint

回复
暂无数据
There is currently no data available

用户签到

User Sign

今日未签到,点击签到!

站点公告

Announcement

1 个月前 (友情链接)2023-5-5清除单项链接

2 个月前 (友情链接)2023-3-21清除单项链接

6 个月前 Web网页设计交流群:70888820

6 个月前 QQ号523179414(姓:郑)狗骗子,谢绝访问

版权申明

本站原创内容版权遵循 CC-BY-NC-SA 协议规定,转载请注明出处.本站部分资源收集于网络,只做学习和交流使用,版权归原作者所有.

豫ICP备18005747号-1