How can I dynamically disable validation for a particular field?

[hackel]

I have written a component which accepts a disabled prop, and I want to completely disable validation when that prop is set. How can I do this? In v3 I believe I could just set disabled=true on the ValidationProvider. Is there a similar functionality in v4?

I've tried setting the rules to undefined like this, but it's not working for me. It doesn't seem that the rules argument is reactive?

const disabled = toRef(props, 'disabled');
const { errors, errorMessage, handleBlur, handleChange, meta, setErrors, validate, value } = useField(
    () => props.name,
    disabled.value ? undefined : props.rules,
    {
        label: props.validationProps.name ?? label,
        validateOnValueUpdate: false,
        type: props.checkbox ? 'checkbox' : undefined,
        checkedValue: props.checkbox ? props.value : undefined,
        initialValue: props.value,
    },
);

Open to any other ideas! Thank you!

[cesxhin]

same problem

[logaretm]

Use computed.

useField(name, computed(() => disabled.value ? '' : 'required'));

[cesxhin]

Work it, thank you. But I think that this is inefficient, can you transform to reactive?

[logaretm]

Nope because you can pass a function as a validator. There is no way to tell if your function is a validator or a getter for the rules.