vue3中的elementPlus全局组件中文转换方式

2022-07-29,,,,

elementplus 全局组件中文转换

在项目中使用日期下拉框发现是英文的,需要全局改成中文样式。

代码实现

在 app.vue 的文件中修改即可。

代码如下

<template>
    <el-config-provider :locale="locale">
      <router-view></router-view>
    </el-config-provider>
</template>
<script lang="ts" setup>
import { elconfigprovider } from 'element-plus'
import zhcn from 'element-plus/lib/locale/lang/zh-cn';

const { locale } = reactive({
  locale: zhcn,
});

</script>

参考官方链接:https://element-plus.org/en-us/guide/i18n.html#configprovider

elementplus 设置默认语言为中文

element ui的默认语言是英文。那么如何才能将其改成中文呢?

elementui 提供了国际化的支持,这里给出其中的一个改成中文的方法。

找到main.js 文件, 做如下改动:

import {createapp} from 'vue'
import elementplus from 'element-plus';
import locale from "element-plus/lib/locale/lang/zh-cn";//需要新加的代码
import app from './app.vue'
import "element-plus/lib/theme-chalk/index.css";
 
let app = createapp(app);
app.use(elementplus, {locale});//需要改变的地方,加入locale
app.mount('#app');

以上为个人经验,希望能给大家一个参考,也希望大家多多支持。

《vue3中的elementPlus全局组件中文转换方式.doc》

下载本文的Word格式文档,以方便收藏与打印。