這次需要定義一個可下拉且可以隨意編輯的下拉輸入框組件
處于初次寫二次封裝,就自己寫了一個:
按照組件最開始的考慮就是1:要又屬性擴(kuò)展性,2 要又?jǐn)?shù)據(jù)擴(kuò)展性,3 插槽一定等要用上 ,這樣的組件才是比較功能完善的思路手寫了一個

視圖層結(jié)構(gòu)

props可擴(kuò)展結(jié)構(gòu)


總結(jié)了第一次二次封裝組件的一些結(jié)構(gòu):
1 屬性props傳入,但是需要對默認(rèn)屬性進(jìn)行擴(kuò)展所有有了最后屬性

2組件的寬度設(shè)置


根據(jù)傳入的寬度,覆蓋默認(rèn)寬度即可,做數(shù)字和字符串判斷以即其他類型判斷。避免出錯
3:如果帶入的數(shù)組沒有對應(yīng)的字段做label顯示,可以根據(jù)傳入的PROPS 動態(tài)增加數(shù)組內(nèi)部一個顯示字段,如果傳入數(shù)據(jù)需要用對應(yīng)的內(nèi)部字段,就不需要傳入props的對應(yīng)字段



將