javascript - vue 在 v-model 之后执行@click

Question

我有一个状态基于 todo.complete 的复选框todo.save() 将当前的完整值保存到数据库中。但是 @click 似乎在 v-model 绑定(bind)更新 todo.complete

之前被触发

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

我必须这样做才能让它工作:

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

有什么方法可以在 v-model 更新后执行 todo.save()。类似于 @click.after

Answer 1

尝试使用 change 事件代替:

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