vue使用国际化插件i18n，如果找不到对应的语言，默认显示指定的语言

最新推荐文章于 2024-07-06 20:31:48 发布

原创最新推荐文章于 2024-07-06 20:31:48 发布 · 4.4k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #前端 #javascript

前端专栏收录该内容

56 篇文章

订阅专栏

本文介绍了如何在Vue应用中配置国际化（i18n），包括设置默认语言、添加多语言消息和配置项，如locale、fallbackLocale等，确保应用支持多语言显示。

在配置i18n时，增加如下配置项即可：

const messages = {
  en: {
    message: 'hello world'
  },
  ja: {
    // 没有翻译的本地化 `message`
  }
}
const i18n = new VueI18n({
  locale: 'en', //设置语言为 ‘en’
  fallbackLocale: 'en', //如果没有找到要显示的语言，则默认显示 ‘en’
  silentFallbackWarn：true, //控制台上不打印警告
  messages
})