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

效果如图:
vue3 el-pagination 将组件中英文‘goto’ 修改 为 中文到‘第几’_第1张图片
要求:将英文中Go to 改为到第几
vue3 el-pagination 将组件中英文‘goto’ 修改 为 中文到‘第几’_第2张图片
操作如下:

<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>

你可能感兴趣的:(vue3+vite,vue3,js,vue.js,elementui,前端)