我封装了一个支持分栏,表单联动,自定义组件的表单渲染组件

604 阅读1分钟

使用element的el-form组件你是否遇到这些问题?

  1. 样式问题:el-input默认width为100%,而el-select,el-date-picker宽度为固定宽度,导致各个form-item宽度不统一,你要每个组件去设置样式,好烦呢~
  2. form-item的required属性校验提示语是英文,要提示中文就要写一条rules,请填写xxx,请选择XXX,真麻烦。
  3. 表单联动时,对别的必填项赋值为空时,会触发校验。烦死了!

src=http___img3.2345.com_duoteimg_dtnew_techup_img_20180802_20180802100257_53231.png&refer=http___img3.2345.jpg

我基于element使用函数式组件进行封装解决了以上问题,下面是我用vue-styleguidist写的一份组件文档,觉得好用的给我点个赞哈。文笔不够,图片来凑,溜了溜了