【Vue3.2】使用 Element-plus 分页组件时全局组件显示中文

一、在main.js文件中引入

import locale from "element-plus/lib/locale/lang/zh-cn";
app.use(ElementPlus, {locale});

二、在App.vue文件中引入

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

<script setup>
import { reactive, toRefs, ref,onBeforeMount, onMounted } from 'vue'
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'
const { locale } = reactive({
  locale: zhCn,
});
</script>

<style scoped lang='scss'>
</style>

三、展示

原来效果

现在效果