如何检测Vue中已编辑字段中所做的更改？

Question

我有一个这样的对象：

users: {
    email: '',
    password: ''
}

当用户编辑某些内容时，我想检测在users对象的键中所做的更改并将该键保存在另一个对象中（例如editedFields）！我该怎么办？

我尝试使用像这样的深度观察者：

watch: {
    users: {
        handler: function(val, oldVal) {
            //
        },
        deep: true
    }
}

但是我不确定如何获取该已编辑密钥！请帮助

Answer 1

我认为这可行：

watch: {
    'users.email': function(newEmail, oldEmail) {
        //
    }
}

Answer 2

我认为类似的方法可能有用？

/etc/os-release

但是，实际上，更好的解决方法是为每个字段创建一个新的Vue组件。然后，您可以测试一下每个组件是否已更新。