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

一、场景复现

0、项目环境

  • VUE3
  • Vite
  • TypeScript
  • Element Plus

1、相关代码

原始代码

控制台打印两次执行信息

二、原因分析

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

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

三、解决办法

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

方法中主动触发blur事件

blur触发


element plus table中双击编辑后回车和失去焦点绑定同一个事件会导致执行两次
https://yangxj96.github.io/2022/10/FE/b002/
作者
yangxj96
发布于
2022年10月19日
许可协议