基於vue開發的後台管理系統,怎麼封裝乙個下拉選擇框元件

時間 2021-05-12 16:20:28

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的情況,但是這種線過去就有啊 還有雙母頭的 不知道題主的認識裡...