programing

TypeError: state.categoriesState.푸시는 VUEX 함수가 아닙니다.

copysource 2022. 8. 11. 23:16
반응형

TypeError: state.categoriesState.푸시는 VUEX 함수가 아닙니다.

이 에러는 있습니다만, 이유를 알 수 없기 때문에 안내해 주실 수 있겠습니까?

오류:

TypeError: state.categoriesState.푸시는 기능이 아닙니다.

내 코드:

state.displaces.displaces

export default {
    categoriesState: []
}

돌연변이.복제

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

컴포넌트에서 **VUEX 호출:**

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

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

대부분의 경우 변수 categoriesState는 배열이 아닌 객체입니다.먼저 변수 categoriesState의 typeOf 콘솔을 실행하여 확인해야 합니다.

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

set 메서드를 사용하여 vue의 개체에 새 속성을 추가할 수 있습니다.

저도 같은 문제가 있었습니다.그것은 vuex-persistedstate 패키지 때문입니다.@OscarDev에서 언급했듯이 변수 이름 변경이 도움이 되었습니다.이는 코드를 작성할 때 persisted state가 변수 유형을 저장했기 때문입니다.따라서 persisted state 캐시를 클리어하는 것도 도움이 됩니다.

언급URL : https://stackoverflow.com/questions/55015112/typeerror-state-categoriesstate-push-is-not-a-function-vuex

반응형