最近遇到一個下拉框選項過多導致頁面太卡甚至卡死的問題，搜了一下懶加載以及遠程搜索方法，整理了一下： 1、el-select懶加載 el-select選擇器里的數據通過后端返回得到，這里返回了將近兩萬條數據，點開選擇器頁面就特別卡，所以最好采用懶加載方法，具體使用如下： 控件部分： 數據 ...

1、自定義v-loadmore指令實現下拉加載 在directive.js文件中定義指令 2、可以默認加載100條數據，如果總數超過100條，最后顯示“更多數據請輸入查詢”，提示用戶查詢具體的數據，從交互上解決此問題。 ...

一般情況下，如果下拉框在可視區域下面，option選項會自動在上方呈現，如果有足夠的高的情況下 ，option選項會在下方呈現 現在這種情況下，彈出框形式 高度固定，選項被遮擋，找了好多方法解決（IE兼容問題） 在 el-select 中加入 transfer="true ...

如果 類似 el-select 等表單元素綁定了 類似 a.b 之類的屬性，而不是直接的一級屬性的話，當這個屬性發生更改的時候，它的顯示效果可能不會動態地進行更新，這個時候需要使用 Vue.$set 來進行更改 如果是在別的方法里修改的數值，也是使用 $set 進行修改即可 ...

在調整 el-select 或者 input 高度，比如 成功之后，el-select箭頭錯位，情況類似如下圖 解決方法 恢復el-input__icon的height原屬性，同時借助相對定位完成位置移動。 參考文章 調整el-select高度之后 箭頭錯位問題解決 ...

場景描述：ajax請求后台數據后，把數據渲染在頁面上。el-select渲染出現問題 解決方案：使用v-bind屬性調整代碼 ...

近來做一個簡單自動發卡小系統，兩個下拉選擇框。第一個框為分類，選擇分類后，第二個框按分類id在線請求顯示分類下面的商品供選擇。這是一個很簡單的需求。 但發現第二個框不能正常選擇，表現為選了不改變。經測試，其實select的值已經變了，但顯示沒變。 相關代碼如下： el-select綁定 ...

應用情況：當多選框中出現 選擇無則不能選擇其他幾項，選擇了某一項或者多項別的就不能選擇無 重要代碼為el-option中的disabled邏輯判斷分為兩步 1.判斷“無”以外的是否禁用 當已選擇的東西存在無且當前選項不是“無”就禁用 2.判斷“無 ...