国际化 - 图1

国际化

ant-design-vue 目前的默认文案是英文,如果需要使用其他语言,可以参考下面的方案。

LocaleProvider

ant-design-vue 提供了一个 Vue 组件 LocaleProvider 用于全局配置国际化文案。

  1. <template>
  2. <a-locale-provider :locale="locale">
  3. <App />
  4. </a-locale-provider>
  5. </template>
  6. <script>
  7. import zhCN from 'ant-design-vue/lib/locale-provider/zh_CN';
  8. export default {
  9. data() {
  10. return {
  11. locale: zhCN,
  12. };
  13. },
  14. };
  15. </script>

注意:zh_CN 是文件名,以下表格也遵循同样的规则。

目前支持以下语言:

语言文件名
阿拉伯ar_EG
保加利亚语bg_BG
加泰罗尼亚语ca_ES
捷克语cs_CZ
德语de_DE
希腊语el_GR
英语en_GB
英语(美式)en_US
西班牙语es_ES
爱沙尼亚语et_EE
波斯语fa_IR
芬兰语fi_FI
法语(比利时)fr_BE
法语fr_FR
冰岛语is_IS
意大利语it_IT
日语ja_JP
韩语/朝鲜语ko_KR
挪威nb_NO
荷兰语(比利时)nl_BE
荷兰语nl_NL
波兰语pl_PL
葡萄牙语(巴西)pt_BR
葡萄牙语pt_PT
斯洛伐克语sk_SK
塞尔维亚sr_RS
斯洛文尼亚sl_SI
瑞典语sv_SE
泰语th_TH
土耳其语tr_TR
俄罗斯语ru_RU
乌克兰语uk_UA
越南语vi_VN
简体中文zh_CN
繁体中文zh_TW

具体的使用方法和新语言包贡献方式请参考 LocaleProvider 文档