vue+element-ui form表单的简单封装

项目中常用到form表单提交,并加以校验,为了简化代码,对elementUI的form表单进行一次简单的组件封装。

页面大致如下:
vue+element-ui form表单的简单封装_第1张图片

直接上代码~~



  
    
    
    element-table
    
    
    
    
    
    
  
  
    
submit

此次只是简单的封装,可以直接拆开用到项目的vue文件中,剥离成公用的组件。这里功能还不完善,传参也不够友好,后续再补充,大概会加上upload组件,自定义校验逻辑,使用插槽slot,render-content以及优化封装等。。。

你可能感兴趣的:(element-ui,Vue)