NuxtJS 中的 vuex 未知操作类型

Question

我店里有：

export const state = () => ({
  searchedBrands: null,
  searchedCars: null,
  displaySearchResults: false,
  hovering: false,
  arrowIndex: -1,
})

export const getters = {
  displaySearchResults(state) {
    return state.displaySearchResults
  },
}

export const mutations = {
  setSearchResults(state, data) {
    state.searchedBrands = data.results[0].hits
    state.searchedCars = data.results[1].hits
  },
  displaySearchResults(state) {
    state.displaySearchResults = true
  },
}

export const actions = {
  setSearchResults({ commit }, data) {
    commit('setSearchResults', data)
  },
  displaySearchResults({ commit }) {
    commit('displaySearchResults')
  },
}

我正在尝试在我的页面组件方法中调用一个操作：

this.$store.dispatch('displaySearchResults')

但它不起作用，我收到以下消息：

[vuex] unknown action type: displaySearchResults

我是不是做错了什么？

Answer 1

使用正确的命名空间解决了问题，然后 Vuex 操作就可以工作了。

NuxtJS 中的 vuex 未知操作类型

vuex unknown action type in NuxtJS

nuxt.js

vuex