要将分页的描述从“5/page”修改为“5条/页”，你可以调整 showTotal 函数中的字符串格式。以下是修改后的代码片段：
<template><div class="HistoricalReminder"><a-table:columns="columns":data-source="data":scroll="{ x: 'max-content' }":pagination="{pageSize: pageSize,showSizeChanger: true,pageSizeOptions: ['5', '10', '20'],onShowSizeChange: handlePageSizeChange,showQuickJumper: true,showTotal: (total, range) => `显示 ${range[0]}~${range[1]}条记录，共 ${total} 条记录`}":rowClassName="(record, index) => (index % 2 === 0 ? 'red-row' : '')"></a-table></div></template><script setup>import { ref } from 'vue';import { CollectionRecord } from '../../utils'; // 确保路径正确const columns = [{title: '借据号',dataIndex: 'loanInfoCode',key: 'loanInfoCode',width: 100,},{title: '合同编号',dataIndex: 'contractCode',key: 'contractCode',width: 150,},{title: '客户姓名',dataIndex: 'customerName',key: 'customerName',width: 150,},];const data = ref([]);const pageSize = ref(5);const handlePageSizeChange = (current, size) => {console.log(`每页条数变化为: ${size}`);pageSize.value = size;}const params = {draw: 1,length: size,order: [],search: { regex: false, value: "" },searchParams: {custId: 'A10101',dateStart: '',dateEnd: ''},};CollectionRecord(params).then((response) => {data.value = response.data;}).catch((error) => console.error('请求失败:', error));</script>
在上面的代码中，showTotal 函数的返回字符串已经设置为 "显示 ${range[0]}~${range[1]}条记录，共 ${total} 条记录"，这样就可以确保在表格下方显示的信息符合你的要求。如果你需要更多定制化的样式或其他信息，可以根据需要进行进一步修改。
内容由零声教学AI助手提供，问题来源于学员提问
![[GIN-debug] [WARNING] Creating an Engine instance with the Logger and Recovery middleware already attached.](https://linuxcpp.0voice.com/zb_users/upload/2023/05/202305162234452257235.png)
