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;

   }