vue elementUI 二次封装动态增减可编辑的表格,并获取子组件校验结果(双重校验)

场景:在项目的开发过程中,经常使用到表单中嵌套着可编辑的表格,这个时候就需要表单的双重校验。
本文栗子为二次封装动态增减的可编辑表格,并实现表表单的双重校验
ps:由于实现的数据比较多,当前栗子为比较脱敏的,省略了一些字段,换汤不换药。

子组件 variableList.vue





子组件的使用





效果
image.png
image.png

你可能感兴趣的:(vue elementUI 二次封装动态增减可编辑的表格,并获取子组件校验结果(双重校验))