Vant 國際化

2022-05-31 11:54 更新

介紹

Vant 默認采用中文作為語言,如果需要使用其他語言,可以參考下面的方案。

多語言切換

Vant 通過 Locale 組件實現(xiàn)多語言支持,使用 Locale.use 方法可以切換當前使用的語言。

import { Locale } from 'vant';
import enUS from 'vant/lib/locale/lang/en-US';

Locale.use('en-US', enUS);

修改默認文案

通過 Locale.add 方法可以實現(xiàn)文案的修改和擴展,示例如下:

import { Locale } from 'vant';

const messages = {
  'zh-CN': {
    vanPicker: {
      confirm: '關(guān)閉' // 將'確認'修改為'關(guān)閉'
    }
  }
};

Locale.add(messages);

配置文件

目前支持的語言:

語言文件名
簡體中文zh-CN
繁體中文(港)zh-HK
繁體中文(臺)zh-TW
英語en-US
土耳其語tr-TR
西班牙語es-ES
在 這里 查看所有的 i18n 配置文件。

Sku 組件

語言包中默認不包含 Sku 業(yè)務(wù)組件的語言配置,因此如果有 Sku 組件的國際化需求,請自行配置國際化文案。


實例演示

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號