从后端推送数组到 vuex 存储不工作

Question

错误：创建的钩子错误（承诺/异步）：“TypeError：state.push 不是函数” 类型错误：state.push 不是函数

页面中的方法

created: async function () {   this.$store.commit('TicketSystem/ADD_BOARDS', (await this.$axios.get('https://localhost:7166/boards')).data) }

变异法

export function ADD_BOARDS (state, payload) { state.push(payload) }

对象

[{"id":1,"name":"string"}]

我在 .NET 中构建后端，在 Quasar 中构建前端，现在我正在尝试连接它们。我在创建的方法和变异方法上创建了页面、方法。

Answer 1

问题是state是对象，不是数组。但是您可以向状态添加一个数组属性并将数据存储在那里：

{
  state: {
    boards: []
  },

  mutations: {
    ADD_BOARDS (state, payload) { 
      state.boards.push(payload) 
    }
  }
}