当前位置: 代码迷 >> 综合 >> @keyup.enter和blur发生冲突解决办法(回车键和失去焦点发生冲突时解决办法)
  详细解决方案

@keyup.enter和blur发生冲突解决办法(回车键和失去焦点发生冲突时解决办法)

热度:10   发布时间:2023-11-24 00:15:51.0

问题描述:

当回车时触发保存的同时,input也会失去焦点,同时触发保存函数。

问题解决:

回车时不再调用函数,而是直接调用失去焦点

实例:

修改前:

<input class="edit" :value="item.content"@blur="finishEdit(item,$event)"@keyup.enter="finishEdit(item,$event)"@keyup.esc="cancelEdit"v-etoak="item === currentItem">

修改后:

<input class="edit" :value="item.content"@blur="finishEdit(item,$event)"@keyup.enter="$event.target.blur"@keyup.esc="cancelEdit"v-etoak="item === currentItem">

 

  相关解决方案