要关闭 element-ui 分页的 page-size,你需要在组件中使用 el-pagination 的 props 属性来配置分页组件的选项。具体来说,你需要将 show-page-size 属性设置为 false,这样就可以隐藏分页组件的每页显示数量选项了。

以下是一个示例代码:

<template>
  <div>
    <el-pagination
      :current-page="currentPage"
      :page-size="pageSize"
      :total="total"
      show-page-size="false"
      @current-change="handleCurrentChange"
    />
  </div>
</template>

<script>
export default {
  data() {
    return {
      currentPage: 1,
      pageSize: 10,
      total: 100
    };
  },
  methods: {
    handleCurrentChange(val) {
      console.log(`当前页: ${val}`);
      // 处理分页逻辑
    }
  }
};
</script>

在上面的代码中,我们将 show-page-size 属性设置为 false,这样就可以隐藏分页组件的每页显示数量选项了。同时,我们还可以通过设置 currentPage、pageSize 和 total 属性来配置分页组件的初始状态。在 handleCurrentChange 方法中,我们可以处理分页逻辑,例如向后端请求数据并更新页面内容等操作

二次封装的element-ui分页怎么关闭 page-size

原文地址: https://www.cveoy.top/t/topic/eDIe 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录