Vant3 國際化

2021-09-06 16:57 更新

介紹

Vant 采用中文作為默認語言,同時支持多語言切換,請按照下方教程進行國際化設(shè)置。

使用方法

多語言切換

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

import { Locale } from 'vant';
// 引入英文語言包
import enUS from 'vant/es/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
德語 de-DE
德語 (正式) de-DE-formal
英語 en-US
西班牙語 es-ES
日語 ja-JP
挪威語 nb-NO
羅馬尼亞語 ro-RO
俄羅斯語 ru-RU
土耳其語 tr-TR
泰語 th-TH
法語 fr-FR
在 這里 查看所有的語言包源文件。

常見問題

找不到所需的語言包?

如果上方列表中沒有你需要的語言,歡迎給我們提 Pull Request 來增加新的語言包,改動內(nèi)容可以參考增加德語語言包 的 PR。

業(yè)務(wù)代碼如何實現(xiàn)國際化?

可以使用 vue-i18n 來實現(xiàn)。

以 CDN 形式引入時,如何使用語言包?

目前沒有提供 CDN 形式的語言包,可以手動拷貝語言包的內(nèi)容來使用。

語言包中不包含 Sku 組件?

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


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

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號