将阵列从后端推送到vuex存储不工作

um6iljoc  于 2023-03-03  发布在  Vue.js
关注(0)|答案(1)|浏览(145)

错误:创建挂接时出错(承诺/异步):"类型错误: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中构建了后端,在类星体中构建了前端,现在我正在尝试连接它们。我创建了页面,创建了方法和变异方法。

2wnc66cl

2wnc66cl1#

问题是state是一个对象,而不是数组,但是你可以给state添加一个数组属性,并在那里存储你的数据:

{
  state: {
    boards: []
  },

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

相关问题