Internacionalización

Element Plus components are using English by default, if you wish you use other languages, you can get you answer by keep reading.

Configuración global

Element Plus proporciona configuraciones globales

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'

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

ConfigProvider

Element Plus también proporciona un componente Vue ConfigProvider para establecer globalmente la configuración regional y otros ajustes.

<template>
  <el-config-provider :locale="locale">
    <app />
  </el-config-provider>
</template>

<script>
  import { defineComponent } from 'vue'
  import { ElConfigProvider } from 'element-plus'

  import zhCn from 'element-plus/es/locale/lang/zh-cn'

  export default defineComponent({
    components: {
      ElConfigProvider,
    },
    setup() {
      return {
        locale: zhCn,
      }
    },
  })
</script>

Localización de fecha y hora

Utilizamos la librería Day.js para gestionar la fecha y hora en componentes como DatePicker. Es importante establecer una localización adecuada en Day.js para que la internacionalización funcione plenamente. Tiene que importar la configuración regional de Day.js por separado.

import 'dayjs/locale/zh-cn'

Uso de un CDN

Si está utilizando Element Plus a través de CDN, entonces necesita hacer esto, volvamos a tomar unpkg como ejemplo

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

Aquí puede encontrar toda la documentación del ConfigProvider

Idiomas disponibles

Si necesita cualquier otro idioma, PR siempre es bienvenido, solo necesita añadir un archivo de idioma en aquí.

Quick Start

Migración desde ElementUI

Internacionalización #

Configuración global #

ConfigProvider #

Localización de fecha y hora #

Uso de un CDN #

Internacionalización

Configuración global

ConfigProvider

Localización de fecha y hora

Uso de un CDN