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

Question

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

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

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

这是一个 fiddle 。 http://jsfiddle.net/dag5ch26/3/

Answer 1

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

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