基於select下拉分頁,查詢,回顯,默認值研究和以及實現

基於select下拉分頁,查詢,回顯,默認值研究和以及實現

前言

隨着vue的技術越來越成熟,前端圈子裏湧現出很多UI庫,正整用到自己項目中和業務中的聊聊無幾,我們公司用了element UI 框架,真心不想吐槽,用別人的ui框架,只能默默的忍受啊,哈哈!在項目中我經常用到select選擇框,在下拉數據比較多的情況下很容易造成瀏覽器的喫力,特別在表格中,會生成很多如下dmo,造成大量的dom樹,如下圖
在這裏插入圖片描述
在這裏插入圖片描述
在一般情況下,表格中的列特別多,分頁的話一般,也有20條吧,相當於20個dom,如果分頁點擊,生成的更多!你會發現點着點着,就會慢慢變卡,甚至崩潰!根據這樣的情況,我重寫一個select 組件,帶有下拉分頁的,支持回顯。

封裝select 組件中遇到的問題

問題1:一般來說我們在渲染select組件的時候,v-mode 它通常綁定的是下拉列表中的某個key且唯一,每次在渲染默認值的時候,都會調用接口,拉取下拉列表中的值,有多少列就掉多少次接口,而且每個列

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章