组件中的Vue脏状态触发

Question

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

有没有办法在Vue视图中捕获所有键入事件？因此，我可以捕获该消息并将变量设置为true以便显示消息？

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

Answer 1

有没有办法在Vue视图中捕获所有键入事件？

您可以onchange在父容器上绑定单个事件，并受益于更改事件冒泡的事实：

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