ElementUI表单的校验功能还是蛮好用的,不过今天遇到了一个特殊的场景,表单的一部分是固定的,另一部分是动态变化的–这一个部分可以动态的添加和删除某个相同的结构。

思考一会儿后决定尝试把整个表单拆分成到多个el-form组件中。 固定部分一个el-form组件,动态部分,相同的结构的每一个「实例」对应一个el-form组件。 同时对固定部分和动态部分分别写rules

通过这种方式i实现了想要的效果。

Show me the code。

See the Pen validate-dynamic-form-in-element-ui by xingzhi (@xingzhi) on CodePen.