vue element Form 表单多层自定义较检方法

vue element Form 表单多层自定义较检方法_第1张图片
如图,需要达到图中这个效果

分析:每点击一下下拉框就会新增加一个带标题的的下拉框。相当于 标题是父,下面的选项是子。然后 我也是第一次做这个,就直接看element 的api https://element.eleme.cn/#/zh-CN/component/form 找到动态增减表单项

vue element Form 表单多层自定义较检方法_第2张图片
选中部分是异步获取到的数据 需要遍历出来,特别是:prop 这里面的值,需要仔细揣摩下


vue element Form 表单多层自定义较检方法_第3张图片
我理解的prop 里面拼接的字段必须和你定义的相同

因为这是一层数组,我写的是多层数组,那这块:prop 里面的内容该怎么样拼接?先上代码(^.^)

vue element Form 表单多层自定义较检方法_第4张图片
第一个是父类,下面一个是子类。象鼻你们看代码快应该就明白了,当时自己这块坑自己好久…………

就这么多了,可能会有简单 更加实用的方法,欢迎评论 发表!

你可能感兴趣的:(vue element Form 表单多层自定义较检方法)