Vant4 國際化

2023-02-16 17:54 更新

介紹

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

使用方法

多語言切換

Vant 通過 Locale 組件實(shí)現(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? 方法可以實(shí)現(xiàn)文案的修改和擴(kuò)展,示例如下:

import { Locale } from 'vant';

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

Locale.add(messages);

語言包

目前支持的語言:

語言 文件名 版本
保加利亞語 bg-BG v3.5.0
孟加拉語(孟加拉國) bn-BD v3.4.5
丹麥語 da-DK v3.4.8
德語 de-DE -
德語(正式) de-DE-formal -
希臘語 el-GR v3.5.0
英語 en-US -
西班牙語 es-ES -
波斯語 fa-IR v3.5.0
法語 fr-FR -
希伯來語 he-IL v3.5.0
印地語 hi-IN v3.4.3
印度尼西亞語 id-ID v3.4.5
冰島語 is-IS v3.4.7
意大利語 it-IT v3.4.5
日語 ja-JP -
韓語/朝鮮語 ko-KR v3.4.3
老撾語 la-LA v3.4.7
挪威語 nb-NO -
葡萄牙語(巴西) pt-BR v3.3.3
羅馬尼亞語 ro-RO -
俄羅斯語 ru-RU v3.1.5
瑞典語 sv-SE v3.4.7
土耳其語 tr-TR -
泰語 th-TH -
烏克蘭語 uk-UA v3.4.5
越南語 vi-VN v3.4.5
簡體中文 zh-CN -
繁體中文(港) zh-HK -
繁體中文(臺(tái)) zh-TW -
在 這里 查看所有的語言包源文件。

常見問題

找不到所需的語言包?

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

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

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

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

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

語言包中不包含 Sku 組件?

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


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

掃描二維碼

下載編程獅App

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

編程獅公眾號(hào)