|
|
|
@ -2,10 +2,10 @@ |
|
|
|
<div :class="'pagination ' + { hidden: hidden }"> |
|
|
|
<el-pagination |
|
|
|
v-model:current-page="currentPage" |
|
|
|
v-model:page-size="pageSize" |
|
|
|
v-model:page-size="pagesize" |
|
|
|
:background="background" |
|
|
|
:layout="layout" |
|
|
|
:page-sizes="pageSizes" |
|
|
|
:page-sizes="pagesizes" |
|
|
|
:total="total" |
|
|
|
@size-change="handleSizeChange" |
|
|
|
@current-change="handleCurrentChange" |
|
|
|
@ -31,7 +31,7 @@ const props = defineProps({ |
|
|
|
type: Number, |
|
|
|
default: 20, |
|
|
|
}, |
|
|
|
pageSizes: { |
|
|
|
pagesizes: { |
|
|
|
type: Array as PropType<number[]>, |
|
|
|
default() { |
|
|
|
return [10, 20, 30, 50]; |
|
|
|
@ -59,7 +59,7 @@ const emit = defineEmits(["pagination"]); |
|
|
|
|
|
|
|
const currentPage = useVModel(props, "page", emit); |
|
|
|
|
|
|
|
const pageSize = useVModel(props, "limit", emit); |
|
|
|
const pagesize = useVModel(props, "limit", emit); |
|
|
|
|
|
|
|
function handleSizeChange(val: number) { |
|
|
|
emit("pagination", { page: currentPage, limit: val }); |
|
|
|
|