像这样的输入几个字下边就会出现很多提示是怎么做到的呀?

img


这个是什么原理啊,有人能讲解一下吗
需要经过遍历吗?我想让数据表中的数据也能这样,在输入框里输入几个字就拿从数据表中拿到数据并提示出来

原理就是,将前端输入的内容通过url接口传给后端,后端进行数据的模糊搜索(匹配),返回数据给前端,前端动态添加下拉框选项
https://element.eleme.cn/#/zh-CN/component/input#yuan-cheng-sou-suo

这个效果其实很简单,前端有专门的组件,数据根据你输入的内容查询后端就可以

给input加一个监听事件,关键词获取下拉数据

input输入框加ul列表可以实现该效果,需要注意是要监听input值使用@input事件,加上防抖处理,然后调用接口获取数据,把数据循环渲染到下面的列表就可以了

焦点事件,前端同事调用后端接口,返回数据,渲染input下方