【JEECG】子改主#子表数据变更自动更新主表

📅 2026/7/29 10:00:32
【JEECG】子改主#子表数据变更自动更新主表
📝 前言后台管理系统的开发中,主子表联动是非常常见的业务场景。例如在销售订单中,当我们在子表(明细表)中修改某项金额或删除某一行时,主表的“总金额”和“欠款金额”需要实时自动计算并更新。本文将基于JVxeTable组件,分享如何通过监听子表事件,实现子表数据变更自动触发主表字段计算的完整方案。🎯 核心思路监听子表事件:利用JVxeTable提供的valueChange(值改变)和removed(行删除)事件。获取最新数据:在事件触发时,通过ref调用子表的getTableData()方法获取实时数据。计算并回写主表:对子表数据进行reduce求和,然后调用主表表单的setFieldsValue方法更新对应字段。💻 完整代码实现1. 子表组件配置在子表JVxeTable上绑定@valueChange和@removed事件,统一指向计算方法getTableData。template JVxeTable keep-source resizable ref="salesOrderAccount" :loading="s