前言
之前那个typeahead写的太早,不满足当前的业务需求。
而且有些瑕疵,还有也不方便传入数据和响应数据..
于是就推倒了重来,写了个V2的版本
看图,多了一些细节的考虑;精简了实现的逻辑代码
效果图
实现的功能
1: 鼠标点击下拉框之外的区域关闭下拉框
4: 支持外部传入列表JSON格式的映射
5: 支持placeholder的传入
6: 选中对象的响应(.sync vue2.3的组件通讯的语法糖)
7: 箭头icon的映射,感觉作用不大,移除了
用法
rush:js;">
代码
selectSearch.vue
rush:js;">
{{item[mapDataFormat.label]}}
查询到,请重新输入!