| | |
|---|
| | | <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"
|
|---|
| | |
|---|
| | |
|
|---|
| | | <script setup>
|
|---|
| | | import { scrollTo } from '@/utils/scroll-to'
|
|---|
| | |
|
|---|
| | | const pageShow = ref(true);
|
|---|
| | |
|
|---|
| | | const props = defineProps({
|
|---|
| | | total: {
|
|---|
| | |
|---|
| | | })
|
|---|
| | | function handleSizeChange(val) {
|
|---|
| | | if (currentPage.value * val > props.total) {
|
|---|
| | | pageShow.value = false;
|
|---|
| | | nextTick(() => {
|
|---|
| | | pageShow.value = true
|
|---|
| | | })
|
|---|
| | | currentPage.value = 1
|
|---|
| | | }
|
|---|
| | | emit('pagination', { page: currentPage.value, limit: val })
|
|---|
| | | if (props.autoScroll) {
|
|---|
| | |
|---|
| | | <style scoped>
|
|---|
| | | .pagination-container {
|
|---|
| | | background: #fff;
|
|---|
| | | padding: 32px 16px;
|
|---|
| | | }
|
|---|
| | | .pagination-container.hidden {
|
|---|
| | | display: none;
|
|---|
