表格（Eltable）实现表单(Elform)校验【Vue3+ElementPlus】

前言

最近做项目遇到了一个需求，在ElTable中的每一列里面都是表单项（如ElInput/ElSecet）等，需要对每一行里面的内容都进行校验，同时支持动态删除添加表格行。下面分享一下自己查询资料找到的解决办法。

一：文件结构

1.ElTable要被Elform包裹其中

2.需要校验的ElColumn列要包裹住ElformItem

3.表格数据要在form表单的结构下

二：实现表格每一行动态校验的关键

1.结合row和$index动态绑定每一行值

2.最后设置对应的rule

这样就能实现表格嵌套表单ElForm的动态行校验啦！