最近在做一個項目的時候,需要用到下拉框搜索,網上搜了半天沒找到想要的,決心自己動手寫一個。
首先看下效果圖:
左邊是輸入框,可以進行模糊查詢,右邊圖標進行選擇。
代碼部分,我定義了五個參數,和一個自定義的方法,
list:下拉框數組,
_width:組件寬度,
_height:組件高度,
bind:action: 自定義方法
考慮到每個人用的時候用的對象數組結構不同我預留了兩個字段,做自定義(可不寫),怎么樣是不是很強大。
actualvalue:下拉框實際值,
showvalue:下拉框顯示值
代碼我發布到github了,如果覺得有需要改進的地方請留言,我會一 一回復。
代碼地址:https://github.com/ZhuifengJuvenile/hui-picker-input