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

0.场景复现

0.1 项目环境

  • VUE3
  • Vite
  • TypeScript
  • Element Plus

0.2 相关代码

原始代码

控制台打印两次执行信息

1.原因分析

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

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

2.解决办法

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

绑定方法

方法中主动触发blur事件

blur触发

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


【FE】element plus table中双击编辑后回车和失去焦点绑定同一个事件会导致执行两次
https://www.yangxj96.com/FE/ElementPlusTableDoubleClickExecuteTwice/
作者
道一
发布于
2022年12月25日
许可协议