前端开发之Element Plus的分页组件el-pagination显示英文转变为中文

前言

在使用element的时候分页提示语句是中文的到了element-plus中式英文的，本文讲解的就是怎样将英文转变为中文

效果图

解决方案

1、在main.js 文件中引入elementplus 的时候添加（推荐使用，便于界面风格统一）

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

app.use(ElementPlus, {
  locale: zhLocale
})

2、 可以使用 ConfigProvider 组件包裹App 组件（这个组件也可以使用在其他单独的页面上）

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

<script>
import { ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/lib/locale/lang/zh-cn'

export default {
  name: 'App',
  components: {
    ElConfigProvider
  },
  setup() {
    return {
      locale: zhCn
    }
  }
}
</script>