vue在v-model之后执行@click

Chr*_*ris 6 javascript vue.js vuetify.js

我有一个复选框,其状态基于todo.complete todo.save()将当前完成值持久保存到数据库中。但是@click似乎是在v模型绑定更新之前触发的todo.complete

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

我必须像这样做才能使其工作:

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

todo.save()v模型更新后,有什么方法可以执行。就像是@click.after

Dec*_*oon 6

尝试改用change事件:

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