Bootstrap

Vue input输入框同时绑定blur和回车事件,且两个事件相同,按下回车会触发两次事件的解决办法

由于回车动作会使input失去焦点,从而触发blur事件,所以会触发两次事件。

<input type="text" @blur="handleBlur" @keyup.enter="handleEnter" />

function handleBlur(){
    // do something
}

function handleEnter(e){
    // 在回车事件中,手动触发input的blur事件,即可解决问题
    e.target.blur();
}

;