2020-01-13 輸入框式下拉組件,VUE 使用7個月

這次需要定義一個可下拉且可以隨意編輯的下拉輸入框組件

處于初次寫二次封裝,就自己寫了一個:

按照組件最開始的考慮就是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)字段



?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容