国际化 ​

Element Plus Mobile 组件默认使用英语。如果你想使用其他 语言，请继续阅读以了解具体方法。

全局配置 ​

Element Plus Mobile 提供全局配置选项。

main.ts
ts
import ElementPlusMobile from 'element-plus-mobile'
import zhCn from 'element-plus-mobile/es/locale/lang/zh-cn'

app.use(ElementPlusMobile, {
  locale: zhCn,
})

配置提供者 ​

Element Plus Mobile还提供了一个Vue组件ConfigProvider 用于全局配置区域设置和其他设置。

App.vue
vue
<template>
  <el-config-provider :locale="zhCn">
    <app />
  </el-config-provider>
</template>

<script setup lang="ts">
import { ElConfigProvider } from 'element-plus-mobile'
import zhCn from 'element-plus-mobile/es/locale/lang/zh-cn'
</script>

日期和时间本地化 ​

我们使用 Day.js 库来管理 DatePicker 等组件中的日期和时间。在 Day.js 中设置正确的区域设置以使国际化正常工作非常重要。您必须单独导入 Day.js 的语言环境配置。

ts
import 'dayjs/locale/zh-cn'

CDN 使用 ​

如果您通过 CDN 使用 Element Plus Mobile，则需要执行以下操作。让我们采取 以 unpkg 为例：

html
<script src="//unpkg.com/element-plus-mobile/dist/locale/zh-cn"></script>
<script>
  app.use(ElementPlusMobile, {
    locale: ElementPlusMobileLocaleZhCn,
  })
</script>

完整文档请参考：ConfigProvider

支持语言列表

  • 简体中文(zh-cn)
  • 美式英语（en）
  • A塞拜疆语 (az)
  • 德国(de)
  • 葡萄牙语（pt）
  • 西班牙语 (es)
  • 丹麦语(da)
  • 法语 (fr)
  • 挪威语(nb-NO)
  • 繁体中文 (zh-tw)
  • 意大利语(it)
  • 韩语 (ko)
  • 日语 (ja)
  • 荷兰语 (nl)
  • 越南语 (vi)
  • 俄语 (ru)
  • 土耳其语 (tr)
  • 巴西葡萄牙语 (pt-br)
  • 波斯语 (fa)
  • 泰(次)
  • 印度尼西亚语（id）
  • 保加利亚语（bg）
  • 普什图语（pa）
  • 波兰语 (pl)
  • 芬兰语（fi）
  • 瑞典语 (sv)
  • 希腊语(el)
  • 斯洛伐克（sk）
  • 加泰罗尼亚 (ca)
  • C捷克语(cs)
  • U乌克兰语（英国）
  • 土库曼 (tk)
  • 泰米尔语（ta）
  • L拉脱维亚(lv)
  • A南非语 (af)
  • 爱沙尼亚语（等）
  • 斯洛文尼亚语 (sl)
  • A阿拉伯语（ar）
  • 希伯来语(he)
  • L劳(lo)
  • 立陶宛语 (lt)
  • 蒙古语（百万）
  • 哈萨克斯坦(kk)
  • 匈牙利语（胡）
  • 罗马尼亚语(ro)
  • 库尔德语 (ku)
  • 库尔德语（ckb）
  • Uighur (ug-cn)
  • 高棉 (公里)
  • 塞尔维亚语（SR）
  • 巴斯克语（欧盟）
  • 吉尔吉斯(ky)
  • 亚美尼亚语 (hy-am)
  • 克罗地亚语（小时）
  • 世界语 (eo)
  • 孟加拉语（十亿）
  • 马来语 (ms)
  • 马达加斯加（毫克）
  • 斯瓦希里语 (sw)
  • Uzbek (uz-uz)
  • 埃及阿拉伯语 (ar-eg)
  • 缅甸语（我的）
  • 印地语（嗨）
  • 挪威（无）
  • 香港中文(zh-hk)
  • 澳门中文 (zh-mo)
  • 泰卢固语（te）

如果您需要其他语言，PR 随时欢迎，您只需要在[此处]（https://github.com/element-plus/element-plus/tree/dev/packages/locale/lang）添加语言文件。