如何在vuex中将对象键值对设置为初始状态

Question

在我的应用程序中，我正在创建一个对象来存储静态文本的键/值对，并传递到初始状态。但是，它显示了一个错误。

这是我的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

});

在我的组件中，我使用这样的状态：

{{localized.edit}}

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

但是，它显示出了错误。那么，我如何才能正确地将它用于静态文本呢？

Answer 1

这似乎不应该存在于您的商店中，因为它只是一个辅助常量，而不是state。

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

然后使用translation.edit。

此外，如果你确实想让它出现在你的商店里，那么你就试着用它作为translation.，而不是它应该是什么样子：translation。(不带.(