Element动态表单中数组循环验证必填方法

• 实用干货

  对于前端某个业务实体，可能需要在form表单内，动态生成一个数组类型的一组数据，要求对生成的每一组数据内容进行表单验证。例如动态添加人员，并对每个信息输入框进行表单验证。

• 干货详细

  此次项目是使用vue3和elment-plus来实现动态表单验证

• 

使用表单组件

  添加处理人  class="pt15 pr15 pb15 pl15" :rules="processRules">  
          :rules="processRules.rule">                        :value="item.label" />                    :rules="processRules.rule_value">              :options="data.roleOptions" />                                :value="item.id" />                                                  
          重置            保存  

组件中绑定的数据，包括动态新增表单，删除表单，验证

这样我们就可以实现在动态表单验证必填了。

• 结论

发布文章的初衷：

• 打造一个专注于前端功能问题的问答平台，让大家高效搜索处理同样问题。

• 遇到有共鸣的问题，与众多同行朋友们一起讨论，一起沉淀成长。

感谢大家关注从此让解决问题的你不再孤单！

​