我的VueJS代码中有一个方法:
updateTaskRun : function(task) {
task.pivot.isLoading = true;
let updateUrl = `{{url('task-runs')}}/${task.pivot.id}/update`;
axios.put(updateUrl , {
is_finished: task.pivot.is_finished
})
.then(function(response){
task.pivot.isLoading = false;
console.log(task.pivot.id);
})
},
isLoading
属性用于禁用此复选框,如下所示:
<input type="checkbox"
:disabled="task.pivot.isLoading"
v-on:change="updateTaskRun(task)"
v-model="task.pivot.is_finished">
我遇到的问题是,在检索到响应后,task.pivot.isLoading
没有设置为false。我已经在Vue Devtools中进行了检查。但是,当我禁用另一个复选框时,前一个复选框会将其isLoading
设置为false。