element plus table中双击编辑后回车和失去焦点绑定同一个事件会导致执行两次

一、场景复现

0、项目环境

  • VUE3
  • Vite
  • TypeScript
  • Element Plus

1、相关代码

原始代码

控制台打印两次执行信息

二、原因分析

回车时候执行了一次,然后input矿失去了焦点,再次触发了相同的事件

可能是TypeScript环境的问题,导致直接在回车事件中使用$event.target.blur报错.

三、解决办法

回车的事件重新绑定一个方法
绑定方法

方法中主动触发blur事件

blur触发

折腾半天,只能这样处理,如果有其他更方便的解决方式,请留言. 感谢~

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值