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

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

function handleBlur(){
    // do something
}

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

Logo

Vue社区为您提供最前沿的新闻资讯和知识内容

更多推荐