处理 keyup.enter 和 blur 事件冲突的问题
有些场景想要在 input
里输入文字,当触发回车或者失去焦点时保存数据
但是当按下回车时往往又会同时触发 blur 事件
所以就会触发两次保存操作,对此有个小技巧,就是让回车触发失去焦点事件。
直接看代码吧
<input
v-model="newValue"
type="text"
@blur="saveValue"
@keyup.enter="saveValue">
修改后:
<input
v-model="newValue"
type="text"
@blur="saveValue"
@keyup.enter="$event.target.blur">