最近做項目是有個功能需要下拉框多選,然后碰到了一個問題就是選擇選項的時候出現頻繁抖動的情況
問題描述:
頁面選擇到三個選項時長度為三的時候就會開始抖動,其他長度沒有問題,檢索elements是發現選擇第三個的時候他的select下的el-input-inner高度在89和90間頻繁更換
去查了很多然后最后確認了問題,就是element下拉多選時組件計算高度的問題,因為我這邊項目頁面整體縮放到了90%,所以他的計算出現了偏差
解決方法:
改變他的高度,然后就沒有這個情況了(改變瀏覽器分辨率還會出現。。。。。)
.el-tag--small { height: 25px; }
好像是添加或者刪除tags時會動態改變input高度和焦點位置,tags長度大概和input寬度相同時觸發。
目前解決是不要和filterable同時使用,不給獲取焦點就好了,但是tags太長會超出input