Vuetify

商店

企业版

Vuetify 支持其组件的语言国际化 (i18n)。 在引导应用程序时,您可以使用 current 选项指定可用的语言环境和当前活动的语言环境。lang 服务还支持与 vue-i18n 的轻松集成。

要设置可用的语言环境或当前语言环境,请在安装 Vuetify 时提供 lang 选项。locales 属性将与现有的语言环境合并。 你可以在运行时通过 Vue 实例上的 $vuetify 对象更改语言环境。

目前,Vuetify 提供以下语言的翻译:

  • af - Afrikaans (Afrikaans)
  • ar - Arabic (اللغة العربية)
  • az - Azerbaijani (azərbaycan dili)
  • ca - Catalan (català)
  • ckb -
  • cs - Czech (čeština)
  • de - German (Deutsch)
  • el - Greek (Ελληνικά)
  • en - English
  • es - Spanish (Español)
  • et - Estonian (eesti)
  • fa - Persian (فارسی)
  • fi - Finnish (suomi)
  • fr - French (Français)
  • he - Hebrew (עברית)
  • hr - Croatian (hrvatski jezik)
  • hu - Hungarian (magyar)
  • id - Indonesian (Indonesian)
  • it - Italian (Italiano)
  • ja - Japanese (日本語)
  • ko - Korean (한국어)
  • lt - Lithuanian (lietuvių kalba)
  • lv - Latvian (latviešu valoda)
  • nl - Dutch (Nederlands)
  • no - Norwegian (Norsk)
  • pl - Polish (język polski)
  • pt - Portuguese (Português)
  • ro - Romanian (Română)
  • ru - Russian (Русский)
  • sk - Slovak (slovenčina)
  • sl - Slovene (slovenski jezik)
  • srCyrl - Serbian (српски језик)
  • sv - Swedish (svenska)
  • th - Thai (ไทย)
  • tr - Turkish (Türkçe)
  • uk - Ukrainian (Українська)
  • zhHans - Chinese (中文)
  • zhHant - Chinese (中文)

从下面选择您想要的组件,并查看可用的属性、插槽、事件和函数。

要创建您自己的翻译,请使用下面的代码。你将继承 Vuetify 的翻译,但也可以添加你自己的翻译。另外,你也可以复制并粘贴 vuetify/src/locale/en.ts 的内容,但这需要在更新时手动同步文件。

如果要构建需要国际化的自定义 Vuetify 组件,可以使用 t 函数,该函数是 $vuetify.lang API 的一部分。

如果您使用的是 vue-i18n 软件包,您可以非常容易地将其与 Vuetify 集成。这让你可以将所有的翻译都保存在一个地方。只需在你的消息中为 $vuetify 创建一个条目,然后添加相应的语言更改。然后通过提供一个自定义翻译功能将 vue-i18n 与 Vuetify 挂钩(如下图所示)。欲知所有可用按键的完整列表,请 导航这里

一个重要注意事项是,在使用外部本地化插件时,如果当前语言环境不存在本地化,vuetify 不会自动默认使用英语。 因此,请确保为插件提供尽可能完整的本地化。

想要了解更多?继续阅读:

Caught a mistake or want to contribute to the documentation? Edit Layout on GitHub!