vue execute @click after v-model

Question

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

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

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

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

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

Decade Moon · Accepted Answer · 2017-12-18 23:21:31Z

18

Try using the change event instead:

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

edited Dec 18, 2017 at 23:21

answered Dec 18, 2017 at 23:16

Decade Moon

34.4k8 gold badges84 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

vue execute @click after v-model

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related