526互联

element-plus使用中文

发布时间 2023-08-21 10:53:46作者: 槑孒

element-plus默认是英文，要显示中文需要安装中文包

1.Element Plus 提供了全局配置国际化的配置。

import ElementPlus from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn'
app.use(ElementPlus, {
  locale: zhCn
})

2.Element Plus 还提供了一个 Vue 组件 ConfigProvider 用于全局配置国际化的设置。

<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/lib/locale/lang/zh-cn'export ;
default defineComponent({
  components: { ElConfigProvider },
  setup() {
    return;
    {
      locale: zhCn;
    }
  },
});
</script>

3.如果通过 CDN 使用 Element Plus ，那么你需要添加以下代码，以下是一个 unpkg 的示例

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