element-plus使用中文
  ltERVYe6WHLK 2023年11月13日 39 0

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>



【版权声明】本文内容来自摩杜云社区用户原创、第三方投稿、转载,内容版权归原作者所有。本网站的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@moduyun.com

  1. 分享:
最后一次编辑于 2023年11月13日 0

暂无评论

推荐阅读
  gYl4rku9YpWY   2024年05月17日   60   0   0 Vue
  JZjRRktyDDvK   2024年05月02日   85   0   0 Vue
  VlNAKfyhjjp9   2024年04月30日   82   0   0 Vue
  JNTrZmaOQEcq   2024年04月30日   58   0   0 Vue
  onf2Mh1AWJAW   2024年05月17日   63   0   0 Vue
  3A8RnFxQCDqM   2024年05月17日   59   0   0 Vue
ltERVYe6WHLK