在动作方法中调用时，Vuex 状态变得不确定

Question

我正在尝试在动作中获取 vuex 状态变量 method.I 使用 async 动作方法。

它总是return未定义。但是当我在开发工具中检查 vuex 存储时，变量实际上有一个值。

操作方法如下：

async getSubCategories({ commit,state }) {
        var result = await categoriesService.getSubCategories(state.selectedCategory.id)
        commit('getSubCategories',result);
    },

实际上state.selectedCategory有状态值。但它变得不确定。

我该如何解决这个问题？

谢谢

Answer 1

我解决了按正确顺序调用异步操作的问题。

组件中的顺序应该是这样的：

  await this.getCategories();
  await this.setSelectedCategory();
  await this.getSubCategories()

因为没有 selectedCategory 导致 selectedCategory 出现错误 undefined。

在动作方法中调用时，Vuex 状态变得不确定

Vuex state is getting undefined when called in an action method

vuex