Topic: mdbStepper : issue when using v-model on input
                  
                  tobyhourst
                  free
                  asked 6 years ago
                
Hi,
I am using v5.0.0.
I have a registration form with a mdbStepper. When i use v-model on an input inside the stepper, it breaks everything: all the content from the next steps appears on the page (after the form from step 1) and disappear from their respective step. The v-model works as excepted, I can see the variable updating in vuedevtools, it is really the design that breaks.
Any idea what this might be ? Thank you for your help in advance.
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Opened
- ForumUser: Free
 - Premium support: No
 - Technology: MDB Vue
 - MDB Version: 4.8.2
 - Device: Laptop
 - Browser: Chrome
 - OS: Windows 10
 - Provided sample code: No
 - Provided link: No
 
tobyhourst free commented 6 years ago
Using v-on:input only fixes the issue, which is fine by me because I actually don't really need the two way binding for this form, but it would be interesting for me to know why this happens ? probably something to do with vue refreshing the input...
Mikołaj Smoleński staff commented 6 years ago
Hi there, Yes, the issue is connected with the input's two way data binding and structure of component. At first it was working only with @input and @change events. As I can read, using @input event solved Your issue?
Best regards