Element Plus 相关知识

后续会持续更新

一、Element Plus 实现分页显示中文

Element Plus基于Vue 3，面向设计师和开发者的组件库。Element Plus，由饿了么大前端团队开源出品的一套为开发者、设计师和产品经理准备的基于Vue 3.0的组件库，提供了配套设计资源，帮助网站快速成型。
因为Element-Plus组件内部默认使用英语，如果需要其他语言这需要进行多语言设置。

1、引入

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

2、在 Data 中定义

data() {
  return {
    locale:zhCn
  }
}

3、使用

<el-config-provider :locale="locale">
    <el-pagination
        background
        @size-change="handleSizeChange"
        @current-change="handleCurrentChange"
        :current-page="pageNum"
        :page-sizes="[5, 15, 50, 100]"
        :page-size="pageSize"
        layout="total, sizes, prev, pager, next, jumper"
        :total="total">
    </el-pagination>
</el-config-provider>