vue3中的elementPlus全局组件中文转换方式
短信预约 -IT技能 免费直播动态提醒
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');以上为个人经验，希望能给大家一个参考，也希望大家多多支持编程网。
免责声明：
① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的，并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据，供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。
② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
