VUE-element开发实现无限生成明细组件

VUE-element开发实现无限生成明细组件

功能需求概述:仿造钉钉审批中，在钉钉微应用中实现无限生成明细模块的功能。其中会涉及到的问题如下：
1.无限生成的明细怎么实现
2.form表单的校验问题
3.生成的组件如何取值
4.后面还有一个查看明细的功能，所以要求这一块的开发，明细这部分必须是可复用。并且还涉及到一部分控制其中的样式问题。

例如下图中点击“增加明细”按钮就会生成一个明细填写的表单，移除就会移除这个明细。

一.无限生成的明细怎么实现

    无限生成明细在JSP中真的挺头疼的。使用VUE开发能够很好的完成这部分。主要涉及到VUE的核心思想：组件化。
    这部分开发参考了这个帖子，并且做了优化为了校验
参考帖

    因为考虑到复用的问题。我把明细单独写成了一个VUE，并且从父类中通过v-for去动态生成和调用这个模块。
先上父模块的调用：
表单中直接添加

			<el-button type="success" @click="addDetail()">添加明细</el-button>
			<detail v-for="(item, index) in RMform.RDform" :key="index" @deleteIndex="deleteDetail" :index="index" :item="item"></detail>

data中里面无限生成的模块数组存放的地方。

RMform:{