vue3中使用element-plus 分页修改英文goto

Argenta99

已于 2023-06-09 11:48:24 修改

阅读量957

点赞数 3

文章标签： javascript 开发语言 ecmascript

于 2023-06-08 17:28:13 首次发布

本文链接：https://blog.csdn.net/m0_61135864/article/details/131111870

版权

文章讲述了如何将Element-Plus的分页组件(Pagination)从默认的英文模式改为中文，包括将goto替换为到并在跳转后添加页字。通过在app.vue中使用进行全局配置，导入zh-CN语言包并修改pagination的locale选项，然后解决警告，最终实现自定义的中文分页效果。

摘要由CSDN通过智能技术生成

在使用element-plus 的 Pagination 分页的时候他默认是英文的

而我需要的效果是

把goto 更换成到且在跳转后面加入页字

我的解决办法是到app.vue 页面给他包上一层由plus官方提供的全局配置标签

  <el-config-provider :locale="zhCn">
    <RouterView />
  </el-config-provider>

import zhCn from 'element-plus/dist/locale/zh-cn.mjs'

会出现以下警告

可以看到警告里面拿到el里面各种组件其中就有分页

我们就可以通过设置更改他

zhCn.el.pagination = {
      goto: "到",
      pageClassifier: "",
      pagesize: "",
      total: "{total} 条数据",
    };

然后再layout最后放入slot插槽

就可以完成再解决一下警告完整的代码如下

关注