如果没有找到完整的密钥路径，我可以在密钥路径上使VueI18n回退吗？

Question

如果VueI18n没有找到它，它是否有可能退回到较短的键。

例如，我有以下信息：

{
   en: {
      "hello": "This is the fallback message!",
      "admin.hello": "This is some other message for another context"
   }
}

下面的代码说明了结果应该是什么：

{{ $t("does.not.exists.hello") }} // should fallback on hello, so the result will be "This is the fallback message!"
{{ $t("admin.hello") }} // Message exists so the result should be "This is some other message for another context"

{{ $t("hello") }} // Message exists so the result should be "This is the fallback message!"

Answer 1

好吧，这个问题，我本来想快点的。MissingHandler对此非常有用。

代码示例如下所示: Vue.use(VueI18n)

//创建带有选项的VueI18n实例

export default new VueI18n({
    locale: 'en', // set locale
    silentTranslationWarn: true,
    missing: (locale: Locale, key: Path, vm?: Vue) => {
        if(key.includes(".")) {
            let newKey = /\.(.+)/.exec(key)[1];
            console.log(newKey)
            return vm.$t(newKey) as string
        }
        return key
    },
    //formatter: new CustomFormatter(),
    fallbackLocale: 'en',
    messages // set locale messages
})