Vue3+element-plus项目中,修改el-date-picker组件的提示为中文

272 阅读1分钟

由于项目中的element-plus的组件都是按需引入的,所以国际化语言包不能进行“全局配置”

按需引入解决方法:在App.vue文件中引入elConfigProvider及语言包,进行配置

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

<script setup lang="ts">
import { RouterView } from 'vue-router';
import { ElConfigProvider } from 'element-plus';
import locale from 'element-plus/lib/locale/lang/zh-cn';
</script>

如果element-plus组件是全局引入,可进行全局配置

全局引入解决方法:在main.ts文件中引入element-plus及语言包

import { createApp } from 'vue'
import { createPinia } from 'pinia'
import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css';
import zhCn from 'element-plus/es/locale/lang/zh-cn'
import router from '@/routers/router';
import App from './App.vue'



createApp(App)
    .use(router)
    .use(createPinia())
    .use(ElementPlus, {
        locale: zhCn
    })
    .mount('#app')