Vuetify: [Bug Report] Reset on v-forms breaks data binding

Created on 30 Jul 2018 · 3Comments · Source: vuetifyjs/vuetify

This is exactly the same as #4504, but opened a new one, because that one was closed without solution.

Versions and Environment

Vuetify: 1.1.8
Vue: 2.5.15
Browsers: All, for example: Chrome 68.0.3440
OS: All, for example Arch Linux latest

Previously worked in:

Vuetify: 1.0.19 (according to previous issue, not confirmed by me)
Vue: Not relevant

Steps to reproduce

Have a v-radio-group with an initial value in a v-form and reset the form.
Try to set a value to the radio group.

Expected Behavior

After calling form.reset() the value keeps being in sync and can be set normally.

Actual Behavior

Values are out of sync and unable to recover.

Reproduction Link

https://codepen.io/anon/pen/WKEwpX

After clicking the "reset" button and thus calling resetAndSetAgain, I would expect the radio button to be selected. Also, the "set manually" button is not working after resetting once.

bug

Source

rubengees

Most helpful comment

Yeah I forgot to comment this, that part is user error: https://codepen.io/anon/pen/qyJQOd?editors=1010
There was still a bug though, 1.1.9 didn't work even with the $nextTick

KaelWD on 8 Aug 2018

👍2

All 3 comments

Hello,
sorry for reopen this, but i looks like that this bug is still not fixed. I tried it with 1.1.10 but it's still not working.
https://codepen.io/anon/pen/QBZZBO

Moedav on 8 Aug 2018

Yeah I forgot to comment this, that part is user error: https://codepen.io/anon/pen/qyJQOd?editors=1010
There was still a bug though, 1.1.9 didn't work even with the $nextTick

KaelWD on 8 Aug 2018

👍2

I think I have the same problem. somehow, after resetting a VForm, values cannot be set.