时间戳

首页 > 解决方案 > 如何在每个语言环境的单独文件中管理 vue-i18n 本地化？

vue.js - 如何在每个语言环境的单独文件中管理 vue-i18n 本地化？

问题描述

我正在使用带有 VueJs 2的 vue-i18n插件。

我的翻译文件在一个文件中，如下所示：

{
 "en": {
    "users": {
      "title": "Users list",
      "menu": {
        "show_users": "Display users",
        "hands_down": "Hands down",
        "unblock_all": "Unblock all"
      }
    }
  },
  "fa": {
    "users":
  
...

这就是我定义 VueI18n 对象的方式：

import messages from '@/locales/i18n.json';

export default new VueI18n({
  locale: process.env.VUE_APP_I18N_LOCALE || 'en',
  fallbackLocale: process.env.VUE_APP_I18N_FALLBACK_LOCALE || 'en',
  messages: messages
})

如何在单独的文件中定义每个语言环境？

更新：

在我的组件中，我必须使用 <i18n>标签导入语言环境。如何使用这种方法导入它们？

<i18n src="@/locales/i18n.json">

（这个组件被编译成一个web-component，然后我不能以常规方式添加i18n）

标签： vue.jsvue-i18n

解决方案

推荐阅读