美文网首页
vue element Form 表单多层自定义较检方法

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

作者: 涵子_ | 来源:发表于2019-10-29 11:51 被阅读0次
    如图,需要达到图中这个效果

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

    选中部分是异步获取到的数据 需要遍历出来,特别是:prop 这里面的值,需要仔细揣摩下 我理解的prop 里面拼接的字段必须和你定义的相同

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

    第一个是父类,下面一个是子类。😄象鼻你们看代码快应该就明白了,当时自己这块坑自己好久…………

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

    相关文章

      网友评论

          本文标题:vue element Form 表单多层自定义较检方法

          本文链接:https://www.haomeiwen.com/subject/zwzopxtx.html