This commit is contained in:
lcj
2025-03-17 16:00:03 +08:00
parent 80a6484b7c
commit 6eed3b2434
4 changed files with 20 additions and 6 deletions

View File

@ -3,6 +3,7 @@
<el-pagination
v-model:current-page="currentPage"
v-model:page-size="pageSize"
:size="size"
:background="background"
:layout="layout"
:page-sizes="pageSizes"
@ -38,7 +39,8 @@ const props = defineProps({
background: propTypes.bool.def(true),
autoScroll: propTypes.bool.def(true),
hidden: propTypes.bool.def(false),
float: propTypes.string.def('right')
float: propTypes.string.def('right'),
size: propTypes.any
});
const emit = defineEmits(['update:page', 'update:limit', 'pagination']);
@ -58,6 +60,7 @@ const pageSize = computed({
emit('update:limit', val);
}
});
function handleSizeChange(val: number) {
if (currentPage.value * val > props.total) {
currentPage.value = 1;
@ -67,6 +70,7 @@ function handleSizeChange(val: number) {
scrollTo(0, 800);
}
}
function handleCurrentChange(val: number) {
emit('pagination', { page: val, limit: pageSize.value });
if (props.autoScroll) {
@ -78,10 +82,12 @@ function handleCurrentChange(val: number) {
<style lang="scss" scoped>
.pagination-container {
padding: 32px 16px;
.el-pagination {
float: v-bind(float);
}
}
.pagination-container.hidden {
display: none;
}