国际化

介绍

Vant 采用中文作为默认语言,同时支持多语言切换,请按照下方教程进行国际化设置。

使用方法

多语言切换

Vant 通过 Locale 组件实现多语言支持,使用 Locale.use 方法可以切换当前使用的语言。

  1. import { Locale } from 'vant';
  2. // 引入英文语言包
  3. import enUS from 'vant/es/locale/lang/en-US';
  4. Locale.use('en-US', enUS);

覆盖语言包

通过 Locale.add 方法可以实现文案的修改和扩展,示例如下:

  1. import { Locale } from 'vant';
  2. const messages = {
  3. 'zh-CN': {
  4. vanPicker: {
  5. confirm: '关闭', // 将'确认'修改为'关闭'
  6. },
  7. },
  8. };
  9. Locale.add(messages);

语言包

目前支持的语言:

语言文件名版本
保加利亚语bg-BGv3.5.0
孟加拉语(孟加拉国)bn-BDv3.4.5
丹麦语da-DKv3.4.8
德语de-DE-
德语(正式)de-DE-formal-
希腊语el-GRv3.5.0
英语en-US-
西班牙语es-ES-
波斯语fa-IRv3.5.0
法语fr-FR-
希伯来语he-ILv3.5.0
印地语hi-INv3.4.3
印度尼西亚语id-IDv3.4.5
冰岛语is-ISv3.4.7
意大利语it-ITv3.4.5
日语ja-JP-
韩语/朝鲜语ko-KRv3.4.3
老挝语la-LAv3.4.7
挪威语nb-NO-
葡萄牙语(巴西)pt-BRv3.3.3
罗马尼亚语ro-RO-
俄罗斯语ru-RUv3.1.5
瑞典语sv-SEv3.4.7
土耳其语tr-TR-
泰语th-TH-
乌克兰语uk-UAv3.4.5
越南语vi-VNv3.4.5
简体中文zh-CN-
繁體中文(港)zh-HK-
繁體中文(台)zh-TW-

这里 查看所有的语言包源文件。

常见问题

找不到所需的语言包?

如果上方列表中没有你需要的语言,欢迎给我们提 Pull Request 来增加新的语言包,改动内容可以参考增加德语语言包 的 PR。

业务代码如何实现国际化?

可以使用 vue-i18n 来实现。

以 CDN 形式引入时,如何使用语言包?

目前没有提供 CDN 形式的语言包,可以手动拷贝语言包的内容来使用。

语言包中不包含 Sku 组件?

语言包中默认不包含 Sku 业务组件的语言配置,因此如果有 Sku 组件的国际化需求,请自行配置国际化文案。

国际化 - 图1