1樓:藍月蕭楓
乙個下拉元件,最難的部分就是dropdown的實現。
乙個dropdown元件沒這麼容易實現的,看過element的實現,也是引用 popper.js來處理。
所以,首要目標先實現dropdown元件才是關鍵。
搜尋,分頁這些都是很次要的。
2樓:道長
圖省事可以找現成的元件
自己做的話,其實也就那樣,定義元件和props,加好slot,外部傳特定的內容進來就行,展示的話獲取個當前元件的位置然後搞一層div蓋在頁面上層就行
3樓:四哥
這個問題是在問怎麼封裝乙個業務元件的問題,所以直接丟乙個框架或者丟乙個GitHub鏈結,肯定是乙個不負責任的行為,但是,我還是肯定這個回答的。
GitHub上找找業內成熟UI元件庫的原始碼看看.
問如何封裝乙個選擇框元件這樣乙個具體的業務元件,而且列舉的幾個具體的需求,裡面有搜尋框,每條資料展示,以及分頁。
那麼大概畫出來的原型應該是下面這樣的。
原型圖有了這個圖,然後我們可參考乙個成熟框架的下拉元件的使用方式應該是這樣的。
data());
cb(list
有了這個再寫元件可能就會簡單很多。
UI 就不寫了,這個元件父級傳入 value,然後emit三個方法 input、search、change 出去。
所以,我其實回答了乙個封裝元件的通用方法:
1、整理需求、畫出原型。
2、是如何使用這個元件。
3、通過使用的方式整理出輸入和輸出。
4、書寫元件的內部邏輯。
大概只能幫你到這兒了,因為我如果給你乙個 demo、下一次可能還會遇到如何封裝乙個地區選擇、如何封裝乙個卡號輸入等等一系列問題。
所以還是可以看看 GitHub上開源的元件庫,然後參考著去寫自己的元件。
4樓:TerryZ
v-selectpage應該就是你說的元件https://
後台管理系統基於VUE這些Ui框架都有啥優缺點?Antd vue Element Ui iView等?
大聖巴巴 我司,一直用vue antd design進行開發,元件更新快,有 antd design 設計體系,元件豐富,還不用擔心收費和不更新的風險,對阿里比較有信心,其他UI庫,感覺後勁乏力,缺少設計的驅動,剛開始圖個關注度,可能是KPI的專案的緣故,antd 你值得擁有 已登出 如果從0開始,...
「基於Linux開發的系統是新系統,基於Android的修改版本不是新系統」,這算不算五十步笑百步?
我覺得大家都沒抓到問題的關鍵。Linux是核心而不是完整的作業系統!Linux是核心而不是完整的作業系統!Linux是核心而不是完整的作業系統!平時咱們用的Ubuntu,CentOS,RedHat,Android等都是基於Linux核心的作業系統。定製優化乙個完整的系統,跟基於核心開發新的系統這根本...
蘋果基於USB Type C的電源管理系統能否讓使用U盤與向Mac充電同時進行?
北極 題主說的是USB3.1 Type C?你問題說法不正確,USB Type C不分割槽正反面但區分公母。公頭和母頭還是有區別的 下圖是公頭 下圖是母頭 雖然不區分正反面,但區分公母。標準中確實有兩頭都是Type C Connector的情況,但是這種線過去就有啊 還有雙母頭的 不知道題主的認識裡...