v-model don't get updated before on-change method execute

I’m submitting a … (check one with “x”)

[X] Bug report => search github for a similar issue or PR before submitting
[ ] Feature request
[ ] Other, please describe

Tell about your platform

• flatPickr version : 4.2.4
• Vue.js version : 2.5.8
• Browser name and version : Chrome 63.0.3239.132 (Official Build) (64-bit)
• This package version : 6.2.0

Current behavior I want to emit event with value bound to v-model in method that execute @on-change event, but problem is that emitted value is previous one (null on first change).

Expected behavior Emitted value should be one that has just been selected.

Minimal reproduction of the problem with instructions Example is in codesandbox link, code is in /components/Hello.vue. You can see how value changes in console (I am a bit old school, so console.log).

https://codesandbox.io/s/6l44rkvpvw

Any help or advice what is wrong or what am I doing wrong so this happens would be very appreciated!

[ankurk91]

@Glideh

Move your input1, input2, input3 to a parent object and add a deep watcher to it.

form : {
            input1: null,
            input2: null,
            input3: null,
        }

mounted(){

this.$watch('form', this.updateStore, {deep:true})
}

[andrijavulicevic]

Thank you very much! I didn’t realised this works that way