Field value is not updated with :value

[2ik]

Versions

• vee-validate: 3.0.8
• vue: 2.6.10

Describe the bug
if to use validation, v-model does not change. I understand that vee-validate is looking at v-model, but how can I get around this error in this case?

To reproduce
Steps to reproduce the behavior:

1. Go to https://codesandbox.io/embed/vuex-form-2g8id
2. To write on field "Name (Vee-validate)"

Expected behavior
the field must change

Demo link
https://codesandbox.io/embed/vuex-form-2g8id

Additional context
Sorry for my english ;)

[logaretm]

Looks like this is caused by #2355 The problem happens because when you press on a key, the component re-renders and when that happens the binding hasn't been updated yet. causing the component to revert.

I will see what I can do.

[logaretm]

Okay after investigation, the issue isn't really caused by vee-validate and cannot be fixed within it.

The workaround is to bind the :value with a live reference to the actual value, otherwise vee-validate won't be able to detect the value properly.

This can be done by copying the user object from the store to the local state whenever it changes:

https://codesandbox.io/s/vuex-form-uccc0

This can also be done by using computed setters, however, I assume you don't want to commit state to the store unless they pass validation.