一、现在项目的分页
企业微信截图_17268107516671.png
<vxe-pager
:layouts="['Sizes', 'PrevJump', 'PrevPage', 'Number', 'NextPage', 'NextJump', 'FullJump', 'Total']"
:current-page.sync="queryForm.currentPage"
:page-size.sync="queryForm.pageSize"
:page-sizes="queryForm.pageSizes"
:total="total"
@page-change="handleCurrentChange">
</vxe-pager>
二、修改后
企业微信截图_1726811038686.png
<vxe-pager
:layouts="['PrevPage', 'Number', 'NextPage']"
:current-page.sync="queryForm.currentPage"
:page-size.sync="queryForm.pageSize"
:page-sizes="queryForm.pageSizes"
:total="total"
@page-change="handleCurrentChange">
<template #left>
<span>共{{total}} 条</span>
</template>
</vxe-pager>
其中用了left插槽
