vue.js - Vue组件脏状态触发

Question

我在 Vue 中有一个带有输入字段的页面。当有人更改该组件中的任何输入字段时，我想显示一条消息。我习惯了可以使用 isDirty 函数的 Angular，但 Vue 没有。

有没有办法在 Vue View 中捕获所有 keyup 事件？所以我可以捕捉到它并将一个变量设置为 true 以显示消息？

现在我将其添加到所有输入模型中: <input v-model="foo" @change="someThingChanged()">

Answer 1

Is there a way to catch all keyup events in a Vue view?

您可以在父容器上绑定(bind)单个 onchange 事件，并从更改事件冒泡这一事实中获益:

<div class="container" @change="someThingChanged()">
  <input v-model="foo">
  <input v-model="bar">
  ... etc.
</div>