在 Vuex 中连接两个数组时遇到问题

Question

我在 store.js 中连接两个数组时遇到了一些问题我有一个待办事项列表应用程序，我想从 apiTask 获取第一个数据，然后在创建新任务时它将 apiTask 与任务连接起来。但是它会在添加一个任务后显示所有属性，并且添加新任务后创建的任务将消失。如果有人可以帮助我，我将不胜感激。 i have created a code sandbox of my project.

Answer 1

可能

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

Answer 2

尝试将您的 adding-new-task 逻辑和将 apiTasks 设置为任务逻辑分成两个突变。在你的 index.vue created/mounted hook

中使用 state.tasks = state.apiTasks 分配来调用突变

here's the example

在 Vuex 中连接两个数组时遇到问题

Have trouble concating two arrys in Vuex

vue.js

vuex

vuex-modules