今天在做项目时使用到了elementPlus的分页器来实现分页功能,等测试的时候产品经理找到我说你这个页面的分页功能怎么是英文的?心中一慌😨,立马辩解道:‘这个当然是为了让我们的项目更加国际化一点,我相信我们的产品一定可以走向世界!’
废话不多说,直接在项目的App.vue文件中如下配置
<script setup lang="ts">
import { ElConfigProvider } from 'element-plus';
import zhCn from 'element-plus/lib/locale/lang/zh-cn';
</script>
<template>
<el-config-provider :locale="zhCn">
<router-view />
</el-config-provider>
</template>
再来看配置前后对比
前:
后:
OK实现了本土化