pagination

说明

分页组件

使用

<template>
    ...
    <Pagination
      v-model:limit="page.pageSize"
      v-model:page="page.current"
      :total="total"
      @pagination="getUser"
    >
    </Pagination>
    ...
  </div>
</template>

<script lang="ts" setup>
import { Pagination } from "liyao-vue-common"

const page: Record<string, any> = ref<UserQueryRequest>({
  current: 1,
  pageSize: 10
});

let total: number;

onMounted(() => {
  getUser();
});

 
function getUser() {
  return new Promise((resolve) => {
     // 后端获取数据接口...
    UserControllerService.listPageVo(page.value).then((res) => {
      ...
      total = parseInt(res.data?.total);
      ...
    });
  });
}

</script>