Javascript 正在为未受影响的其他组件触发Vue指令

我有一个指示：

Vue.directive('autosave', {
    componentUpdated(el) {
        console.log(el);
    },
})

我有2个元素（vuetify）：

这是对输入的包装

如果我对第一个输入进行更改，将调用这两个输入的指令。为什么会这样？如何使其仅调用受影响的元素

Vue版本：2.5.3
Vuetify版本：1.0.0-beta.4

componentUpdated

：在包含组件的VNode和 其子节点的Vnode已更新

调用它是因为包含组件的VNode已更新。您似乎期望它像

输入

或

更改

事件一样工作。你为什么不使用

---

你可能应该做的是在你的变量上加上一个字母。

我有时会有隧道视觉。。。这可能是迄今为止我遇到的最糟糕的情况之一。。。我想弄清楚我怎么能干掉一些代码，结果我就到了这里。问题是，我想要创建许多不同的表单/字段（我的应用程序处理许多不同的模型）。你对我应该如何处理这个问题有什么建议吗？如果没有，我就继续进行

@change

或

@input

。看。您可以使用自动保存功能制作一个版本的

v-text-field

。

this is a wrapper around input
<v-text-field label="Field 1" v-model="model1" v-autosave></v-text-field>
<v-text-field label="Field 2" v-model="model2" v-autosave></v-text-field>