失焦事件与回车事件冲突

前言

在自己的小网盘的开发过程中，需要在新建文件夹时产生一个文件夹和一个文件名的输入框，需要在输入名称后回车或者鼠标点击外面完成文件夹创建

问题

<input
  @keyup.enter="confirmName(xxx)"
  @blur="confirmName(xxx)"
/>

问题在与两个事件都是一个功能确认名称，但绑定两个事件之后回车事件失效了。

解决

解决方式是让回车事件的内容关联上失去焦点事件，毕竟都是触发同一个功能。

<input
  @keyup.enter="$event.target.blur()"
  @blur="confirmName(xxx)"
/>