Vue.js 一起输入键和模糊事件

Question

我正在尝试这样做，以便如果我按回车键或者如果元素失去焦点，那么它会隐藏元素并显示一条消息。但问题是，当我按下回车键并且元素隐藏时，它也会触发模糊事件。它应该只执行其中之一。

另外，我怎样才能避免通过调用 hideField() 函数重复自己两次。我可以只调用一次吗（bur 或 key.enter）？

 <input id="name" v-on:blur="hideField('name')" v-on:keyup.enter="hideField('name')">

这是一个小提琴。 http://jsfiddle.net/dag5ch26/3/

原文由 Martin Zeltin 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

您应该在 keyup.enter 事件上调用 blur 方法。这导致间接触发模糊事件。

 <input id="name" v-on:blur="hideField('name')" v-on:keyup.enter="$event.target.blur()">

原文由 gijswijs 发布，翻译遵循 CC BY-SA 4.0 许可协议