26 lines
629 B
Vue
26 lines
629 B
Vue
<template>
|
|
<div class="flex justify-end pt-5">
|
|
<el-pagination background :layout="layout" :current-page="page" :page-size="limit" @current-change="changePage" @size-change="changeLimit" :total="total" :page-sizes="pageSizes" />
|
|
</div>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { inject } from 'vue'
|
|
|
|
const layout = 'total,sizes,prev, pager,next'
|
|
|
|
const pageSizes = [10, 20, 30, 50]
|
|
|
|
interface paginate {
|
|
page: number
|
|
limit: number
|
|
total: number
|
|
changePage: number
|
|
changeLimit: number
|
|
}
|
|
|
|
const { page, limit, total, changePage, changeLimit } = inject('paginate') as paginate
|
|
</script>
|
|
|
|
<style scoped></style>
|