Handle empty values in form

[louia]

Currently, I use useField to connect the v-model to input's value. It start with undefined as default value but when the user touch and clear the input's value my v-model is set to "" (empty) for string or null for number.

This behaviour is not what I'd like to achieve.

How do I proceed to always have undefined if the field is empty even if the field is touched?

Thanks in advanced for your help 😀

[logaretm]

Either you could use a computed that returns vee-validate value if its filled with something otherwise returns undefined.

Otherwise, create your own custom components and call useField inside them. You then have full control over what the value should be at any given moment.

Something like this:

const { value, handleChange } = useField('someField'); 

function onInput(e) {
  const val = e.target.value || undefined;
  handleChange(val);
}