近期著手開發基於elementui的後台管理系統，偶然間發現「el-select」下拉選擇時候遇到乙個問題，當渲染下拉選項的「options」的資料量過多時「本專案中的資料條目已過萬」，就會出現下拉選擇器卡頓的情況，尤其是在模糊匹配過濾的情況下，顯得十分的卡頓。初始化選擇器的時候，也會點選無反應，有時候需要點選多次才可出現「dialog」彈窗（本次下拉篩選在彈窗中實現）。
翻閱多篇部落格筆記之後，最終找到乙個可以解決問題的方案，現將此次優化方案記錄成為筆記，以便於日後遇到類似問題的時候便於查閱。
⚠️注：基於select的下拉篩選，通過自定義事件來實現模糊搜尋匹配。
v-model="value"
filterable
clearable
style="width:100%"
placeholder="請選擇"
:loading="searchload"
:filter-method="filtermethod"
v-el-select-loadmore="loadmore(rangenumber)"
@visible-change="visiblechange"
>
確定
// 自定義指令
directives: );}}
}
export default ;
},created() ,
methods: ,
// 過濾課件
filtermethod(query) , 500);
},// 監聽select下拉框的顯示和隱藏
visiblechange(flag) ,
// 獲取選項
async getoptions() );}}}
換了新的工作環境，現開始著手做後台管理系統，或多或少會遇到各種各樣的問題。一如即往，會在筆記中記錄開發中遇到的問題。好記性不如爛筆頭，希望現在埋下種子，等到來年秋天的時候會收穫
VUE實戰之引入ElementUI
本文在完成初始化的vue專案中引入elementui，vue專案的搭建過程請在目錄中跳轉相應頁面。npm i element ui s如圖所示，則說明安裝成功 安裝ui後需要引入，引入的方式多種多樣，下面介紹一種常用的引入方式。在main.js中加入下面三行 引入element元素 import e...
Vue 之 Element ui 按需匯入
在使用 vue 開發專案中，我們一般會選擇 elment ui 因為這個庫是基於 vue 並且有很多現成的元件供我們使用。我們可以根據官方文件直接在 main.js 中引入，但是這樣在最後專案開發完成後打包體積過大，建議是按需匯入，因為有些元件我們是用不到的。yarn add babel plugi...
linux 多路IO轉接伺服器之select
多路io轉接伺服器也叫做多工io伺服器。該類伺服器實現的主旨思想是，不再由應用程式自己監視客戶端連線，取而代之由核心替應用程式監視檔案。1.select能監聽的檔案描述符個數受限於fd setsize,一般為1024，單純改變程序開啟的檔案描述符個數並不能改變select監聽檔案個數 2.解決102...