修复分页组件请求两次问题

This commit is contained in:
RuoYi 2022-02-19 14:23:31 +08:00
parent 3d24e0ae01
commit 9f9a06ab93
2 changed files with 11 additions and 2 deletions

View File

@ -1,6 +1,7 @@
<template>
<div :class="{ 'hidden': hidden }" class="pagination-container">
<el-pagination
v-if="pageShow"
:background="background"
v-model:current-page="currentPage"
v-model:page-size="pageSize"
@ -17,6 +18,8 @@
<script setup>
import { scrollTo } from '@/utils/scroll-to'
const pageShow = ref(true);
const props = defineProps({
total: {
required: true,
@ -77,6 +80,12 @@ const pageSize = computed({
}
})
function handleSizeChange(val) {
if (currentPage.value * val > props.total) {
pageShow.value = false;
nextTick(() => {
pageShow.value = true
})
}
emit('pagination', { page: currentPage.value, limit: val })
if (props.autoScroll) {
scrollTo(0, 800)

View File

@ -373,8 +373,8 @@ function selected(name) {
}
/** 关闭弹窗隐藏图标选择 */
function handleClose() {
cancel();
showChooseIcon.value = false;
cancel();
showChooseIcon.value = false;
}
/** 搜索按钮操作 */
function handleQuery() {