Vant 國際化

2022-05-31 11:54 更新

介紹

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

多語言切換

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

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

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

修改默認(rèn)文案

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

import { Locale } from 'vant';

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

Locale.add(messages);

配置文件

目前支持的語言:

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

Sku 組件

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


實(shí)例演示

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

掃描二維碼

下載編程獅App

公眾號(hào)
微信公眾號(hào)

編程獅公眾號(hào)