uni-app uni-admin列表分页无法选择20 50 100 500

uni-app uni-admin列表分页无法选择20 50 100 500

开发环境 版本号 项目创建方式
Windows win10 HBuilderX

操作步骤：

  • 升级到最新版

预期结果：

  • 可正常使用分页数

实际结果：

  • 无法点击

bug描述：

  • 升级后uni-admin列表分页无法选择20 50 100 500，回退版本后可以使用
3 回复

我用新版本的uni-admin没有复现这个问题,你截图看下分页无法选择20 50 100 500是什么样的情况

更多关于uni-app uni-admin列表分页无法选择20 50 100 500的实战教程也可以访问 https://www.itying.com/category-93-b0.html


点击之后，颜色变深，就卡不住，不弹出选项。如果您测试最新版没问题的话，我再检查一下代码看看。

在 uni-admin 中，列表分页的选项通常是通过配置来实现的。如果你发现无法选择 20、50、100、500 这些分页大小，可能是由于以下几个原因：

1. 分页配置未正确设置

uni-admin 的分页大小选项通常是通过 pageSizeOptions 参数来配置的。如果你没有正确配置这些选项，可能会导致无法选择这些分页大小。

你可以在 uni-admin 的列表页面中找到分页配置的代码，通常是类似于以下的形式：

export default {
  data() {
    return {
      pageSizeOptions: [10, 20, 50, 100, 500], // 分页大小选项
      pageSize: 10, // 默认分页大小
      // 其他数据
    };
  },
  // 其他代码
};

确保 pageSizeOptions 数组中包含了你想展示的分页大小选项。

2. 分页组件未正确绑定

如果你已经正确配置了 pageSizeOptions，但仍然无法选择这些分页大小，可能是因为分页组件没有正确绑定这些选项。

在 uni-admin 中，分页组件通常是 uni-pagination 组件。确保你已经在模板中正确绑定了 pageSizeOptions：

<uni-pagination
  :total="total"
  :pageSize="pageSize"
  :pageSizeOptions="pageSizeOptions"
  @change="handlePageChange"
/>

3. 分页逻辑未正确处理

如果你已经正确配置了分页选项，并且组件也正确绑定了这些选项，但仍然无法选择这些分页大小，可能是因为分页逻辑没有正确处理 pageSize 的变化。

在 handlePageChange 方法中，确保你正确处理了 pageSize 的变化：

methods: {
  handlePageChange(page, pageSize) {
    this.pageSize = pageSize;
    this.fetchData(); // 重新获取数据
  }
}
回到顶部