element 分页中文显示

今天用分页的时候发现是英文显示的，好吧，要用中文

第一步：注册组件

如果你是把整个element plus 引入的，请忽略

引入el-config-provider

第二步：在分页的vue文件中导入

import zhCn from 'element-plus/lib/locale/lang/zh-cn'

在data中定义变量

locale:zhCn,

第三步：包裹分页组件

<el-config-provider :locale="locale">
        <el-pagination
          v-model:currentPage="currentPage"
          :page-sizes="[5, 10]"
          :page-size="5"
          layout="total, sizes, prev, pager, next, jumper"
          :total="total"
          :page-count="pageCount"
          @size-change="handleSizeChange"
          @current-change="handleCurrentChange"
        >
        </el-pagination>
      </el-config-provider>

完成