Imagine having an object that contains arrays of objects in some properties. Whenever changes are made to any field, whether it's within an object in an array or the main object itself, you want to mark that object as "dirty" using a code snippet like this:
object.defineProperty(path, '_dirty', true){
"id": "48e143e5-eda0-490a-a87a-dbef128f539e",
"parentId": null,
"groups": [
{
"id": "142c7263-26ab-4169-88bb-5b2b880f3b97",
"overviewId": "48e143e5-eda0-490a-a87a-dbef128f539e",
"parts": [
{
"id": "730adbca-20c0-427a-8228-7000d0553466",
"overviewGroupId": "142c7263-26ab-4169-88bb-5b2b880f3b97",
},
{
"id": "9c749aa0-b1c0-49cd-81c1-272d9bfe5df7",
"overviewGroupId": "142c7263-26ab-4169-88bb-5b2b880f3b97",
}
],
}
],
"templateInfo": {
"id": "34d2be1c-9b4e-4eb2-b452-82c7929057c8",
"name": "Standart OV",
"parentId": null,
"typeId": 0,
"storeId": "ee7bdc31-8c13-4111-9225-cb780b46e1a1"
},
"pageTypeInfo": {
"id": "016ef17a-4cd7-4096-b387-6b16c39df41e",
"typeId": 3,
"code": "code A",
}
}
The object is stored in data like this:
data() {
return {
source: {},
}
},
and includes a watcher:
source: {
handler(newValue, oldValue){
console.log(...arguments)
},
deep: true
}
Is there a way to capture the path of the changed field (e.g., "groups[0].parts[1].id") and set the targeted object at that path as _dirty when a change occurs?