J'ai un magasin qui contient des états, des modifications, des getters, etc. Le statut contient la liste de tâches suivante.
const state = { Tâches:[{ titre : "Lève-toi", complété : faux }, { titre : « Projet 2 », complété : faux }, ] } Todo.vue
task.vue
{{task.name}}
Dans le code ci-dessus, dans Task.vue
Le problème réside dans cette ligne. Si je supprime v-model="task.completed" du code donné ci-dessus, alors tout fonctionne correctement, sinon cela génère une erreur avec le message Mutation inattendue de la prop "task"< /code>
![[Web front-end] Démarrage rapide de Node.js](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
Le problème est que vous essayez de modifier un accessoire et l'état vuex correspondant en dehors de la mutation. Lors du passage d'une valeur à la valeur de
v-model指令将创建一个双向数据绑定。你的taskprop引用了状态中的一个对象，当q-checkbox改变task.completed, l'objet est mis à jour directement dans l'état. Au lieu de cela, vous devez créer une mutation qui met à jour votre tâche :export const mutations = { updateTask(state, payload){ const task = state.tasks.find(t => t.id === payload.id); if(task) Object.assign(task, payload) } }Ensuite, vous pouvez utiliser cette mutation dans votre modèle
Notez également que les noms réels des accessoires et des événements du
q-checkboxcomposant peuvent varier en fonction de la façon dont vous l'implémentez