验证父级和子级form组件、检查嵌套table结构

近期主要参与后台管理系统开发工作，其中表单验证环节成为重点内容。在此过程中遇到了一些具有挑战性的验证问题，具体包括以下几个方面：

1. 父级组件对子级组件数据的验证需求；
2. 表单结构中嵌套表格时的验证逻辑处理；
3. 对金额字段实施特定规则的验证（根据产品需求，需确保输入值整数部分不超过8位，小数部分不超过4位，并且整数最高位不允许为零）。

首先我们来看父组件如何去校验子组件中的信息

组件内部的数据验证相对容易处理，真正具有挑战性的是涉及多个组件之间的验证操作。

以一个具体情境为例：存在一个用于编辑与查看的功能模块，默认状态下仅展示查看界面，当用户点击父级组件中的“编辑”按钮时，将切换至编辑界面。完成编辑操作后，再次点击父级组件的“保存”按钮，系统将重新显示查看界面。因此，在触发保存操作时，必须对子组件进行验证，只有在验证通过的情况下，方可调用保存接口。

在此情境中，重点分析父组件与编辑组件之间的交互逻辑。至于阅读组件，其功能仅限于信息展示，并无需要特别说明的内容。

 <!-- 父组件 -->

    
 <template>
    
   <div class="father">
    
     <div class="father-btn">
    
       <el-button v-if="!isEdit" @cli