Vuex未知动作类型...将不会加载我的动作

时间:2019-05-26 07:21:56

标签: vuejs2 vuex

操作类型未知时出现问题。

store.js:

import Vue from 'vue'
import Vuex from 'vuex'
import { state } from './store/state'
import { mutations } from './store/mutations'
import { actions } from './store/actions'
import { getters } from './store/getters'
import createPersistedState from 'vuex-persistedstate'

Vue.use(Vuex)

export default new Vuex.Store({
  actions,
  mutations,
  getters,
  state,
  plugins: [createPersistedState()]
})

actions.js

import { ServerAPI } from '../plugins/server-api'
import { Mutations } from './mutations'

export const Actions = {
  checkAuth: 'checkAuth',
  loadCustomers: 'loadCustomers'
}
export const actions = {
  [Actions.checkAuth] (context, payload) {
  },
  [Actions.loadCustomers] ({ commit }) {
    // context.state
    let customers = {}
    ServerAPI.getCustomers().then((response) => {
      if (response.status === 200) {
        response.data.forEach((customer) => {
          customers[customer.id] = customer
        })
        commit(Mutations.assignBulkCustomers, customers)
      }
    }).catch((error) => {
      console.log(error)
    })
    return Promise.resolve(customers)
  }
}

App.vue

methods: {
      ...mapActions([
        Actions.loadCustomers,
        Actions.checkAuth
      ]),

并调用

 this.loadCustomers()

我不知何故出现此错误。 [vuex] unknown action type: loadCustomers

当我查看调试信息时,可以看到未加载操作,但已获取和获取变量。

0 个答案:

没有答案