vue+elementUI实现动态增加表单项并添加验证

vue+elementUI实现动态增加表单项并添加验证

参考elementUI官网以及网上的其他一些资料。话不多说,直接贴代码。
htmt部分:

              
        
                            
             
               
                               
                         
                             
             
               
                               
           
           
             
               
             
           
           
             
           
           
             
           
                        
         
         
           提交                
           重置
         
       

js部分:


实现效果如下,当只有一行时,删除按钮是隐藏的。
vue+elementUI实现动态增加表单项并添加验证_第1张图片
vue+elementUI实现动态增加表单项并添加验证_第2张图片

你可能感兴趣的:(vue)