| | |
|---|
| | | <el-pagination
|
|---|
| | | :background="background"
|
|---|
| | | v-model:current-page="currentPage"
|
|---|
| | | :page-size="pageSize"
|
|---|
| | | v-model:page-size="pageSize"
|
|---|
| | | :layout="layout"
|
|---|
| | | :page-sizes="pageSizes"
|
|---|
| | | :pager-count="pagerCount"
|
|---|
| | |
|---|
| | | }
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | const emit = defineEmits();
|
|---|
| | | const emit = defineEmits()
|
|---|
| | | const currentPage = computed({
|
|---|
| | | get() {
|
|---|
| | | return props.page
|
|---|
| | |
|---|
| | | emit('update:limit', val)
|
|---|
| | | }
|
|---|
| | | })
|
|---|
| | |
|
|---|
| | | function handleSizeChange(val) {
|
|---|
| | | if (currentPage.value * val > props.total) {
|
|---|
| | | currentPage.value = 1
|
|---|
| | | }
|
|---|
| | | emit('pagination', { page: currentPage.value, limit: val })
|
|---|
| | | if (props.autoScroll) {
|
|---|
| | | scrollTo(0, 800)
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | function handleCurrentChange(val) {
|
|---|
| | | emit('pagination', { page: val, limit: pageSize.value })
|
|---|
| | | if (props.autoScroll) {
|
|---|
| | | scrollTo(0, 800)
|
|---|
| | | }
|
|---|
| | | }
|
|---|
| | |
|
|---|
| | | </script>
|
|---|
| | |
|
|---|
| | | <style scoped>
|
|---|
| | | .pagination-container {
|
|---|
| | | background: #fff;
|
|---|
| | | padding: 32px 16px;
|
|---|
| | | }
|
|---|
| | | .pagination-container.hidden {
|
|---|
| | | display: none;
|
|---|
