I have a checkbox with a state based on todoplete todo.save() persists the current plete value to the database. However @click seems to be triggered before the v-model binding updates todoplete

  <v-checkbox v-model="todoplete" @click="todo.save()" :label="todo.title" />

I have to do it like this to make it work:

  <v-checkbox v-model="todoplete" @click="todoplete = !todoplete; todo.save()" :label="todo.title" />

Is there some way to execute todo.save() after v-model has been updated. something like @click.after

I have a checkbox with a state based on todo.plete todo.save() persists the current plete value to the database. However @click seems to be triggered before the v-model binding updates todo.plete

  <v-checkbox v-model="todo.plete" @click="todo.save()" :label="todo.title" />

I have to do it like this to make it work:

  <v-checkbox v-model="todo.plete" @click="todo.plete = !todo.plete; todo.save()" :label="todo.title" />

Is there some way to execute todo.save() after v-model has been updated. something like @click.after

• javascript
• vue.js
• vuetify.js

1 Answer 1

Try using the change event instead:

<v-checkbox v-model="todo.plete" @change="todo.save()" :label="todo.title" />