526互联

elementPlus 按需引入时设置日期选择器 el-date-picker 用中文显示

发布时间 2023-06-15 11:17:04作者: 天宁哦

因为项目的 elementPlus 不是全局引入而是按需引入，所以不可以使用“全局配置”。

解决方案

在 App.vue 文件中加入 el-config-provider 标签以及引入具体代码

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