二次封装组件 - 表单el-form

        有时候常常需要二次封装一下Element UI里面的一些东西来满足开发是的一些需求,为了方便 快捷的适应开发,就封装了常用的组件之一中的表单

        由于个人水平比较菜,然后又想方便以后快速开发(其实就是想摸鱼)。最后没摸成,还有点小费事。废话不多说,上代码:

// 模板部分

  
    
    
      
    
    
    
    
      
    
    
    
  


        其中在使用validated,transferData 这两个方法在使用的时候切记、切记:父组件一定要有一个跟子组件一样的ref值,不然的话是无效的

就像下面这样去调用组件:



        其实在封装的时候想让这个表单可以运用到多个场景中(就类似常规的表单收集,搜索框之类的。呃……后面确实也是实现了(就是在每次应用的时候传递一个固定的变量去判断给一个不同的样式,差不多就可以实现想要的效果),但是最后的结果有点小崩,就是感觉表单一整个封装就在使用的时候很不友好。其实是有点纠结表单到底是统一封装好一点还是分开封装好一点(不封装的话,没什么比较独特的地方)

        真希望有个大佬可以带带我这个菜鸡[向往.jpg]……

你可能感兴趣的:(vue.js,elementui,javascript)