如何在 vue 中通过 vue-i18n 使用每种语言的多个文件?

Nik*_*hil 6 vue.js vuetify.js vue-i18n

我是 vue 新手,正在使用 vuetify。我想为我的项目添加国际化。我成功了,但我使用的是标准方法,其中我们为每种语言创建一个文件,随着我的项目的增长,维护该文件将非常困难。所以我想将单个文件分解为单一语言的多个文件。谁能建议如何做到这一点?

kir*_*ern 7

这是一个老问题,但我有同样的问题并找到了我想分享的解决方案。我希望这对您有所帮助。

\n

我的原始语言文件“index.js”如下所示:

\n
export default {\n    "ok" : "OK",\n    "cancel" : "Abbrechen",\n    "back" : "Zur\xc3\xbcck",\n    "yes" : "Ja",\n    "no" : "Nein"\n    ....\n}\n
Run Code Online (Sandbox Code Playgroud)\n

我已将内容拆分为两个新文件,并将它们命名为“mainview.js”和“badges.js”。它们与原始语言文件位于同一目录中。

\n

我的语言文件“index.js”现在仅导入所有其他文件,如下所示:

\n
// import each language file\nimport mainview from './mainview'\nimport badges from './badges'\n\n// add all imported language files\nexport default {\n  ...mainview,\n  ...badges,\n}\n
Run Code Online (Sandbox Code Playgroud)\n