modifiedValues
Returns the current modified fields of the form.
Demo
Coming soon...
Usage
vue
<template>
<form>
<input type="text" v-bind="register('name')" />
<input type="text" v-bind="register('email')" />
<input type="text" v-bind="register('summary')">
<pre>
{{ modifiedValues() }} //should be initially
</pre>
<pre>
{{ values }} //should be filled with the initial values
</pre>
</form>
</template>
<script setup lang="ts" >
import { useFormHandler } from 'vue-form-handler'
const { register, values, modifiedValues } = useFormHandler({
initialValues: {
name: 'My name',
email: 'myemail@mail.com'
}
})
</script>
Let's say your form is initialized as above, because you're editing an existing item, and you just want to be aware of the data that changed to perform a PATCH
operation, then modifiedValues
is your best friend.
Type Declarations
ts
export type ModifiedValues = () => Record<string, any>