怎么样让输入框输入后自动查询下面的li标签里的值

怎么样让输入框输入后自动查询下面的li标签里的值,输入一个值后li如果没有则显示暂无数据

img

img

img

watch liName
或者给input添加input事件
加个防抖,输入完成后马上调用ajax进行查找,将查找结果赋值
如果获取的结果为空,就显示预设的“无数据”组件即可

给 select加 事件 然后请求接口。

@input 监听输入,然后对输入的内容做匹配, 比如输入的内容是 str , /[str.split('').join('|')]*/g

ElementUI官网提供了现成的例子,直接复制过来用,如下:

img

具体代码传送门:https://element.eleme.cn/#/zh-CN/component/select