element-ui的那些坑与总结

tags：

 

默认情况下，下划线是文本宽度

如果要加宽，则可以设置文本(label)的padding, 常规情况下，无法改label宽度，因为他是动态计算的

不过，可以通过自定义，把label拿出来，自己控制，设置span的padding值即可增加下划线的宽度

ps: 在span上添加class是无效的，所以需要通过他的父级，然后通过/deep/的方式，覆盖修改span的style

 

upload: 

　　如果要自定义上传图片的展示效果，需要两步：

1. show-file-list： false; 这个属性会不展示上传的图片列表
2. 自己添加div标签，根据个人口味(style)和布局来展示图片列表，这样的好处，还有图片的一些操作，比如删除，预览的位置，图标都可以自定义
3. ps: 目前不支持编辑图片
4. 在表单中引入el-upload，验证的时候要调用
   this.$refs['form'].clearValidate(prop) 不然的话，错误信息会一直在，prop为字段名

form:

1. 提交的时候，滚动到第一个错误信息处：
   this.$refs['form'].validate(valid => {

   if (valid) {

   // to do

   } else {

   　　setTimeout(() => {

   　　const isError = document.querySelector('.is-error');

   　　const input = isError.querySelector('input')

   　　input.focus();

   }, 1000)

   return false;

   }