javascript - TypeError : state. categoriesState.push 不是函数VUEX

Question

我有这个错误，但我不明白原因，你能指导我吗？

错误:

TypeError: state.categoriesState.push is not a function

我的代码:

state.js

export default {
    categoriesState: []
}

mutations.js

export function setCategories(state, category){
    state.categoriesState.push(category);    
};

从我的组件调用 **VUEX:**

methods: {
...mapMutations('cat', ['setCategories']),

        addCategoriesToVuex(category){
            this.setCategories(category);
        },
}

Answer 1

很可能您的变量 categoriesState 是一个对象 而不是数组。您应该先检查变量 categoriesState 的 typeOf 控制台。

export function setCategories(state, category){
      console.log(typeOf(state.categoriesState));
    //state.categoriesState.push(category);    
};

您可以使用 set 方法为 vue 中的对象添加新属性。