vue 在 v-model 之后执行@click

Question

我有一个状态基于 todo.complete 的复选框 todo.save() 将当前的完整值保存到数据库中。然而 @click 似乎在 v-model 绑定更新 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" />

vue execute @click after v-model