vue3 el-pagination 将组件中英文‘goto’ 修改 为 中文到‘第几’

效果如图:
在这里插入图片描述
要求:将英文中Go to 改为到第几
在这里插入图片描述
操作如下:

<template>
  <div class="paging">
    <el-config-provider :locale="zhCn"> // 注意:这是重要部分
      <el-pagination    //分页组件根据官网
        v-model:current-page="page.currentPage"
        v-model:page-size="page.pageSize"
        :background="page.background"
        :layout="page.layout"
        :total="page.total"
        @size-change="page.handleSizeChange"
        @current-change="page.handleCurrentChange"
      />
    </el-config-provider>
  </div>
</template>



<script setup>
// 在调用 分页组件el-pagination的页面:
import {
    ElConfigProvider } from 'element-plus'
import zhCn from 'element-plus/es/locale/lang/zh-cn';
zhCn.el.pagination.goto = "到第"
</script>

相关推荐

  1. Vue3 el-table中的数据导出excel并下载

    2024-01-31 00:14:02       38 阅读
  2. vue2项目关联el-table和el-pagination

    2024-01-31 00:14:02       18 阅读

最近更新

  1. TCP协议是安全的吗?

    2024-01-31 00:14:02       16 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-01-31 00:14:02       16 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-01-31 00:14:02       15 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-01-31 00:14:02       18 阅读

热门阅读

  1. 飞往前端的第二天

    2024-01-31 00:14:02       33 阅读
  2. SpringMVC初始化源码学习

    2024-01-31 00:14:02       34 阅读
  3. Chinese and English names of 45 common character symbols

    2024-01-31 00:14:02       28 阅读
  4. Map和Set

    Map和Set

    2024-01-31 00:14:02      34 阅读
  5. 如何编写.gitignore文件

    2024-01-31 00:14:02       28 阅读
  6. C++入门

    C++入门

    2024-01-31 00:14:02      31 阅读