PrimeNG p-table onLazyLoad异常：时而单次触发时而无限触发

组件模板代码 #

<p-table 
  [value]="items" 
  [responsive]="true" 
  [pageLinks]="3" 
  [rows]="rows" 
  [lazy]="true" 
  (onLazyLoad)="loadItems($event)" 
  [paginator]="true" 
  [totalRecords]="totalRecords" 
  selectionMode="single" 
  [(selection)]="selectedItem" 
  sortMode="single">
</p-table>

loadItems 函数实现 #

loadItems(event: LazyLoadEvent) {
    this.lastLazyLoadEvent = event;
    this.loading = true;
    const sortOrder: string = event.sortOrder > 0 ? 'asc' : 'desc';
    const sortField: string = event.sortField || 'id';
    const sorting: string = event.sortField ? sortField + ' ' + sortOrder : null;
}

可能的触发因素 #

• loading 状态未正确重置：你的loadItems中仅设置了this.loading = true，但未在数据加载完成（比如异步请求返回后）将其设为false。PrimeNG懒加载表格依赖loading状态判断加载状态，若该状态一直为true，表格可能误判加载未完成，重复触发onLazyLoad；若loading被意外提前设为false，也可能导致不必要的重复触发。
• totalRecords 或 items 的异常变更：如果加载数据后，totalRecords或items的更新逻辑存在问题（比如重复赋值、在变更检测周期内反复修改），会触发表格重新渲染，进而再次触发onLazyLoad。例如，totalRecords设置值与实际返回数据不匹配时，表格会认为分页状态异常，重新发起加载请求。
• 双向绑定的 selectedItem 引发循环触发：你使用了[(selection)]="selectedItem"双向绑定，若selectedItem在数据加载后被意外修改（引用变更、属性变更），或初始值与表格数据不匹配，会触发表格状态检测，导致onLazyLoad被重复调用。可暂时移除该绑定测试是否恢复正常，排查是否是选择功能导致的问题。
• lastLazyLoadEvent 的意外修改：你将LazyLoadEvent缓存到lastLazyLoadEvent，若该变量在其他逻辑中被意外修改（比如其他钩子、订阅中变更其属性），会被表格判定为加载条件变化，从而再次触发onLazyLoad。
• rows 变量的动态变更：若rows不是固定值，而是在组件生命周期中被频繁修改或未正确初始化，会导致表格分页参数不断变化，进而反复触发加载请求。可尝试将rows设为固定值（比如直接写[rows]="10"）测试是否解决问题。
• 变更检测策略异常：如果组件使用了OnPush变更检测策略，但未正确触发变更检测（比如异步操作后未调用ChangeDetectorRef.markForCheck()），或存在不必要的变更检测循环，会导致表格重复执行加载逻辑。

内容的提问来源于stack exchange，提问作者Tomoko