在你的代码中，表格组件 <a-table> 的分页显示逻辑依赖于 totalRecords 和 data。根据你描述的情况，如果显示的分页信息是 “1~1”，可能有以下几个原因：
总记录数未正确更新： 确保 API 返回的数据格式正确，并且
response.recordsFiltered是一个有效的数字，代表满足条件的总记录数。如果这个值为 0 或者不符合预期，则分页会显示为 “1~1”。数据为空： 当
data.length为 0 时，你将其默认设置为[{}]，这意味着表格仍然有一行，但实际上没有有效的数据。这也可能导致分页信息的不准确。在这种情况下，可以考虑直接给data一个空数组，例如：:data-source="data.length > 0 ? data : []"分页配置错误： 确保你的分页配置（如
pageSize）与后端返回的数据相匹配。如果后端仅返回了 1 条数据，而前端请求了多条数据，也会影响展示。API调用未能触发： 请确保在合适的时候（例如在组件挂载时或者用户进行查询时）调用了
queryTable()函数，以便从后端获取最新的数据和总记录数。其他逻辑问题： 检查是否在任何地方重置了或改变了相关状态，如
totalRecords、pageSize、或从 API 获取数据后的逻辑处理。
为了调试，可以添加一些日志输出，在 API 调用成功后打印出收到的响应和更新的状态，以确认这些值是预期中的。
修改建议如下：
const queryTable = () => {
const params = {
draw: 1,
length: pageSize.value,
order: [],
search: { regex: false, value: '' },
searchParams: {
custId: 'A10101',
date: formState.date,
dateEnd: formState.dateEnd,
importDate: formState.importDate,
importDateEnd: formState.importDateEnd
},
start: 0
};
CollectionRecord(params)
.then((response) => {
console.log('API Response:', response); // 添加此行以调试
data.value = response.data || []; // 确保 data 是数组
totalRecords.value = response.recordsFiltered || 0; // 确保总记录数是数字
console.log(`Total Records Updated To: ${totalRecords.value}`); // 添加此行以调试
})
.catch((error) => console.error('请求失败:', error));
};
通过以上方法逐步排查，希望能帮助你解决问题。
内容由零声教学AI助手提供，问题来源于学员提问
