vuex에서 개체 키/값 쌍을 초기 상태로 설정하는 방법

vuex에서 개체 키/값 쌍을 초기 상태로 설정하는 방법

내 어플리케이션에서는 정적 텍스트의 키/값 쌍을 저장하는 객체를 생성하여 초기 상태로 전달합니다.하지만 오류가 발생하고 있습니다.

여기 제 것이 있습니다.helpers.js:

    export const translation = Object.freeze({
        edit: 'Edit',
        please_select_text: 'Please select a row to edit',
        done: 'Done',
        role: 'Role',
});

이제 스토어 모듈로 Import하여 다음과 같이 전달합니다.

const defaultState = () => ({
       localized: translation. // like that i am passing
  
});

내 컴포넌트에서는 다음과 같은 상태를 사용하고 있습니다.

{{localized.edit}}



...mapState(module_name, ['localized']),

그런데 에러가 나네요.그럼 어떻게 하면 정적인 문자를 제대로 사용할 수 있을까요?

이것은 단지 도우미 상수일 뿐이므로 당신의 가게에서 살 수 있는 것은 아닌 것 같습니다.state.

컴포넌트에 심플하게import translation from '@/path/helpers.js

그 후 사용translation.edit.

또한, 만약 당신이 그것을 당신의 상점에 보관하기를 원한다면, 당신은 그것을 사용하려고 합니다.translation.다음과 같은 기능을 제공합니다.translation. (미포함).)

언급URL : https://stackoverflow.com/questions/66903116/how-to-set-object-key-value-pair-to-initial-state-in-vuex