Level 2
Hi, have you found a solutions for this?
Aug 17, 2022
8
Level 4
Is is possible to "watch" for changes when using the form helper?
Is this possible? I'm using watch(form.type, (value) => ..... but it's not pickung up on any changes because at face value, form.type is not a ref.
Can't find anything in the documenation about it, so I'm wondering if this is a thing right now.
Level 104
@jorisvanandel it should be possible to deep watch a nested property.
Level 2
@tykus This does not work unfortunately
Level 4
In the end I simply used a @change handler on the select I wanted to watch.
Level 2
@normykinz That's a shame. I have the exact same problem but my form is quite big and adding a @change event to every form element does not sound ideal.
Level 1
I found that this seems to work:
watch(
() => form.exampleField,
(exampleField, prevExampleField) => {
/* ... */
}
)
More info: vuejs.org api reactivity-core.html#watch
1 like
Level 1
watching the form.isDirty flag works for detecting the first change to a form:
watch(
()=>form.isDirty,
() => {
//react to first changes
})
})
Level 1
You can't watch a reactive object directly, you need to use a reactive getter. This worked for me:
watch(
() => form,
() => {
something();
},
{ deep: true },
);
Please or to participate in this conversation.