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;

   }