i18n 因缺少翻译而回退到 key答案

【问题标题】：i18n falling back to key for missing translationsi18n 因缺少翻译而回退到 key
【发布时间】：2023-01-19 23:44:42
【问题描述】：

我的 vue3 项目中有这个文件：

// i18n.js
import { createI18n } from "vue3-i18n";
import en from "./assets/lang/en";
import ar from "./assets/lang/ar";
import tr from "./assets/lang/tr";

const messages = {
    en,
    ar,
    tr
};

const i18n = createI18n({
    locale: localStorage.getItem('lang')===null?'en':localStorage.getItem('lang'),
    messages: messages,
});

export default i18n;

对于不存在的翻译，我想做的是显示密钥，而不是空字符串。

所以我首先从a question I found on SO 尝试了这个：

const i18n = createI18n({
    locale: localStorage.getItem('lang')===null?'en':localStorage.getItem('lang'),
    messages: messages,
    parseMissingKeyHandler: (key: string) => {
        return `No translation found for "${key}"`;
    }
});

代码甚至没有编译，我尝试改变周围的东西，但即使它符合要求，我也没有看到预期的消息来代替丢失的键。

我如何在 vue 3 中获得 i18n 回退到缺少翻译的密钥。

【问题讨论】：

标签： localization vuejs3 vue-i18n

【解决方案1】：

对于不存在的翻译，我想做的是显示密钥，而不是空字符串。

如果您确实有一个值为空字符串的翻译条目，除非您set returnEmptyString to false，否则不会将其视为丢失。

【讨论】：