二次封装的element-ui分页怎么关闭 page-size
要关闭 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 方法中,我们可以处理分页逻辑,例如向后端请求数据并更新页面内容等操作
原文地址: https://www.cveoy.top/t/topic/eDIe 著作权归作者所有。请勿转载和采集!