这篇文章主要介绍了vue 简单自动补全的输入框的示例，现在分享给大家，也给大家做个参考。
实现一个输入框，输入信息后显示由后台返回的数据，供用户选择，之前用的elm的组件，不过那个有点大。。。简单的情况下自己实现一个也能满足要求。。。应该吧。。。
主题包括一个input用于输入，一个p用于展示数据，p里面是数据项item
当在input中按下回车时，会根据信息去后台获取数据，如果用户点击了别的地方，input失去焦点，则提示的p也应该收起来
bug：
立即学习“前端免费学习笔记（深入）”；
在blur事件中，如果直接将isShow设置为false会出问题，先失去焦点，显示面板消失，所以你的点击不会被监听到。。。设置一个计时器，在点击之后10ms后将面板收起来，问题解决。。。
显示p将内容撑开，改变其他组件布局，设置p的属性，即可，高度设为0，z-index很大，就不会改变其他组件位置
易通cmseasy免费的企业建站程序2.0 UTF-8 build 201000510 中文版
下载
易通(企业网站管理系统)是一款小巧,高效,人性化的企业建站程序.易通企业网站程序是国内首款免费提供模板的企业网站系统.§ 简约的界面及小巧的体积：后台菜单完全可以修改成自己最需要最高效的形式；大部分操作都集中在下拉列表框中，以节省更多版面来显示更有价值的数据；数据的显示以Javascript数组类型来输出，减少数据的传输量，加快传输速度。 § 灵活的模板标签及模
height: 0; z-index: 999;
{{w['content']}}
简单实现代码
{{w['content']}}
上面是我整理给大家的，希望今后会对大家有帮助。
相关文章：
