如何在 vuex 中將 object 鍵/值對設置為初始 state

Question

在我的應用程序中，我正在創建一個 object 來存儲 static 文本的鍵/值對並傳遞給初始 state。 但是，它顯示錯誤。

這是我的helpers.js ：

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

現在我在我的商店模塊中導入它並像這樣傳遞：

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

在我的組件中，我正在使用這個 state，如下所示：

{{localized.edit}}



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

但是，它顯示錯誤。 那么，如何將它正確地用於 static 文本？

Answer 1

這似乎不應該存在於您的商店中，因為它只是一個輔助常量，而不是state 。

在您的組件中，只需import translation from '@/path/helpers.js

然后使用translation.edit 。

此外，如果您確實希望它存在於您的商店中，那么您正在嘗試將其用作translation. 而不是應該如何： translation 。 （沒有. ）