最近在做一個項目的時候,需要用到下拉框搜索,網上搜了半天沒找到想要的,決心自己動手寫一個。
首先看下效果圖:
左邊是輸入框,可以進行模糊查詢,右邊圖標進行選擇。
代碼部分,我定義了五個參數,和一個自定義的方法,
list:下拉框數組,
_width:組件寬度,
_height:組件高度,
bind:action: 自定義方法
考慮到每個人用的時候用的對象數組結構不同我預留了兩個字段,做自定義(可不寫),怎么樣是不是很強大。
actualvalue:下拉框實際值,
showvalue:下拉框顯示值
代碼我發布到github了代碼地址:https://github.com/ZhuifengJuvenile/hui-picker-input
總結
以上所述是小編給大家介紹的微信小程序下拉框搜索功能的實現方法,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復大家的。在此也非常感謝大家對VEVB武林網網站的支持!
如果你覺得本文對你有幫助,歡迎轉載,煩請注明出處,謝謝!
新聞熱點
疑難解答