Vue, Vuetify and v-model.lazy

In Vue.js you can use v-model to bind values in your form. That is, when you type the value is changed on the state (input event). When you whant to wait the user get out of the control, you can use the modifier .lazy, then the event change will be used instead.

But the world is cruel and when you use a custom component like Vuetifyjs you need to use a different approach. You need to use :value and @change manually.

Example:


<v-text-field  label="Price"
    :value="price"
    @change="value => price = value">      
</v-text-field>

Comments