VeeValidate, Vuetify | TypeError: compute is not a function

1.1k Views Asked by At

I'm having an issue with login form validation using VeeValidate & Vuetify and don't have idea what's wrong. I have also Vuex set up and working if it matters. I tried to use many VeeValidate & Vuetify example forms but always ended with this error:

[Vue warn]: Error in render: "TypeError: compute is not a function"

found in

---> <ValidationProvider>

My code: https://pastebin.com/EC5cVriq

1

There are 1 best solutions below

0
On BEST ANSWER

I removed line

setInteractionMode('edger')

and passed interaction mode as a prop to ValidationObserver like this

<ValidationObserver
    ref="obs"
    v-slot="{ invalid, validated, handleSubmit }"
    mode="eager"
>

and it's working now.