iview 下拉select样式_完成iview的下拉select既可以编辑内容又可以选择下拉选项的功能（借助iview的自动完成组件）...

最近在使用iview重构老项目页面代码的时候，发现老项目有部分下拉框既可以编辑又可以选择下拉框自带的内容，找了找iview的select组件，发现并没有一个类似的功能。

最接近我的需求的，可能是设置select的filterable属性开启搜索模式，但是每次输入新的内容，鼠标一离开不是被清空，就是选中之前选择的一项，故放弃。

后来又看到iview4.0的版本加了一个allow-create属性，拿给老大看了下，他觉得太麻烦了，不够简洁，首先是必须输完自定义的内容后，一定要点下图的箭头或者按回车，才能将内容加到列表。

另外就是觉得一定要把自定义的内容加到列表中，总觉得不舒服(不是我觉得啊)，因此放弃。

对select抱有一丝希望的试了试，出了很多问题，最后放弃了用select组件来做。

后边发现 auto-complete 组件很简洁，在其基础上做了一些改动，最终完成了这个要求，由于考虑到了模糊查询的功能，由于做法的限制，抛弃了iview该组件自带的模糊搜索，所以代码复杂了点。

代码如下：

Document

[myfocus]{

color: #2d8cf0;

background: #f3f3f3;

}