uni-pagination分页器如何显示页码

uni-pagination是一个基于Vue.js的轻量级分页组件，它可以帮助你轻松地在页面上添加分页功能。要在uni-pagination中显示页码，你需要按照以下步骤配置：

1. 引入组件：首先，在你的Vue文件中安装并引入`uni-pagination`组件。你可以通过npm或yarn来安装，然后在模板中使用`<uni-pagination>`标签。

<template>
  <uni-pagination :total="totalItems" @change="handlePageChange"></uni-pagination>
</template>

2. 数据绑定：将总数据量(`totalItems`)绑定到组件的`total`属性上，并处理页数改变事件(`@change`)。这通常来自你的数据源或者计算出来的值。

<script>
export default {
  data() {
    return {
      totalItems: 100, // 示例数据，实际替换为你的总数据量
      currentPage: 1, // 初始页码
    };
  },
  methods: {
    handlePageChange(page) {
      this.currentPage = page;
      // 更新UI或请求新的数据
    },
  },
};
</script>

3. 显示页码：`uni-pagination`默认会在底部显示当前页、每页的数量以及页码导航。如果你需要自定义页码样式或位置，可以查看组件的文档，看看是否提供相关的选项或事件，如设置`showCurrentPage`控制是否显示当前页等。

4. 样式调整：如果需要，你可以通过CSS来自定义分页器的外观，例如更改页码的颜色、字体大小或布局。