首页 > 解决方案 > 如何在 Vue i18n 中进行语言切换

问题描述

我有一个 i18n 库连接到的 Vue 应用程序。让杰森翻译。一页 - 一个 JSON,其中包含所有翻译。JSON 看起来像这样:

{"en-En":{"same text":"same text","same text":"same text"},
"de-De":{"same text":"gleicher Text","same text":"gleicher Text"}}}

所有翻译首先在 multistoreLanguages.json 中加载,然后从那里加载到站点

 if (extName === '.json') { 
          if (directory.indexOf('theme-default/resource/i18n') != -1){
          const fileContent = fs.readFileSync(fullFileName, 'utf8')
          const fileJsonObject = JSON.parse(fileContent)
         Object.keys(fileJsonObject).forEach((languagesJson) => {
              console.log(languagesJson, 'languagesJson')
              messages[languagesJson] = Object.assign(messages[languagesJson] ? messages[languagesJson] : {}, fileJsonObject[languagesJson])             

          }

i18n.json 看起来像

import Vue from 'vue';
import VueI18n from 'vue-i18n';

Vue.use(VueI18n);

const i18n = new VueI18n({
    locale: 'en', 
    fallbackLocale: 'de'   
});

export default i18n;

所有文本都连接到库。如何在语言之间切换?

标签: node.jsvue.jsvue-i18n

解决方案


推荐阅读