修复分页组件请求两次问题
This commit is contained in:
parent
3d24e0ae01
commit
9f9a06ab93
|
@ -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)
|
||||
|
|
|
@ -373,8 +373,8 @@ function selected(name) {
|
|||
}
|
||||
/** 关闭弹窗隐藏图标选择 */
|
||||
function handleClose() {
|
||||
cancel();
|
||||
showChooseIcon.value = false;
|
||||
cancel();
|
||||
showChooseIcon.value = false;
|
||||
}
|
||||
/** 搜索按钮操作 */
|
||||
function handleQuery() {
|
||||
|
|
Loading…
Reference in New Issue