|
@@ -1,16 +1,8 @@
|
|
|
<template>
|
|
|
<div :class="{ 'hidden': hidden }" class="pagination-container">
|
|
|
- <el-pagination
|
|
|
- :background="background"
|
|
|
- v-model:current-page="currentPage"
|
|
|
- v-model:page-size="pageSize"
|
|
|
- :layout="layout"
|
|
|
- :page-sizes="pageSizes"
|
|
|
- :pager-count="pagerCount"
|
|
|
- :total="total"
|
|
|
- @size-change="handleSizeChange"
|
|
|
- @current-change="handleCurrentChange"
|
|
|
- />
|
|
|
+ <el-pagination :background="background" v-model:current-page="currentPage" v-model:page-size="pageSize"
|
|
|
+ :layout="layout" :page-sizes="pageSizes" :pager-count="pagerCount" :total="total" @size-change="handleSizeChange"
|
|
|
+ @current-change="handleCurrentChange" />
|
|
|
</div>
|
|
|
</template>
|
|
|
|
|
@@ -33,7 +25,7 @@ const props = defineProps({
|
|
|
pageSizes: {
|
|
|
type: Array,
|
|
|
default() {
|
|
|
- return [10, 20, 30, 50]
|
|
|
+ return [10, 50, 100, 300]
|
|
|
}
|
|
|
},
|
|
|
// 移动端页码按钮的数量端默认值5
|
|
@@ -72,7 +64,7 @@ const pageSize = computed({
|
|
|
get() {
|
|
|
return props.limit
|
|
|
},
|
|
|
- set(val){
|
|
|
+ set(val) {
|
|
|
emit('update:limit', val)
|
|
|
}
|
|
|
})
|