国际化

介绍

Vant 默认采用中文作为语言,如果需要使用其他语言,可以参考下面的方案

多语言切换

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

  1. import{Locale}from'vant';
  2. import enUS from'vant/lib/locale/lang/en-US';
  3. 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);

配置文件

目前支持的语言:

语言文件名
简体中文zh-CN
繁體中文(港)zh-HK
繁體中文(台)zh-TW
英语en-US
土耳其语tr-TR

这里 查看所有的 i18n 配置文件。

国际化  - 图1