处理 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">
本文介绍了一种处理在input元素中使用keyup.enter和blur事件导致的数据重复保存问题的方法。通过让回车键直接触发失去焦点事件,避免了两次保存操作的发生。
668

被折叠的 条评论
为什么被折叠?



