说明

分页组件

使用 

      <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>

声明

作者： liyao

版权：本博客所有文章除特别声明外，均采用CCBY-NC-SA4.O许可协议。转载请注明!

链接： https://vp.xiaoying.org.cn/pages/3dccbb/

最后更新于 2025-09-30 20:31 history