在 Vuex 中连接两个数组时遇到问题
Have trouble concating two arrys in Vuex
我在 store.js
中连接两个数组时遇到了一些问题
我有一个待办事项列表应用程序,我想从 apiTask
获取第一个数据,然后在创建新任务时它将 apiTask 与任务连接起来。
但是它会在添加一个任务后显示所有属性,并且添加新任务后创建的任务将消失。
如果有人可以帮助我,我将不胜感激。
i have created a code sandbox of my project.
可能
ADD_TASK(state, task) {
state.tasks.unshift({
id: String(Math.floor(Math.random() * 999999999)),
title: task.title,
type: task.type,
value: task.value,
done: false
})
},
https://v2.vuejs.org/v2/guide/list.html#Array-Change-Detection
尝试将您的 adding-new-task 逻辑和将 apiTasks 设置为任务逻辑分成两个突变。在你的 index.vue
created/mounted hook
中使用 state.tasks = state.apiTasks
分配来调用突变
我在 store.js
中连接两个数组时遇到了一些问题
我有一个待办事项列表应用程序,我想从 apiTask
获取第一个数据,然后在创建新任务时它将 apiTask 与任务连接起来。
但是它会在添加一个任务后显示所有属性,并且添加新任务后创建的任务将消失。
如果有人可以帮助我,我将不胜感激。
i have created a code sandbox of my project.
可能
ADD_TASK(state, task) {
state.tasks.unshift({
id: String(Math.floor(Math.random() * 999999999)),
title: task.title,
type: task.type,
value: task.value,
done: false
})
},
https://v2.vuejs.org/v2/guide/list.html#Array-Change-Detection
尝试将您的 adding-new-task 逻辑和将 apiTasks 设置为任务逻辑分成两个突变。在你的 index.vue
created/mounted hook
state.tasks = state.apiTasks
分配来调用突变