vue下拉框输入时自动查询接口

vue下拉框输入时自动查询接口,想要下拉框输入一个就自动查询一次接口,然后把数据返回下拉框,但是现在输入后接口没有调用

img

img

img

你在change里 打印 一下 看看 是不是 执行了 。如果执行了 。那看看 network里 接口是不是调用了

你用的是elementUI框架的select组件,有支持的远程搜索方法
filterable
remote
:remote-method="hostListChange"
在标签上添加这几个属性
删除change事件

img

只添加firterable 是本地数据过滤,select选择框的change事件是在你选中选项之后触发的,不是在你输入时触发的,你想在输入时触发应该使用的

img

使用input的远程搜索
:remote-method="remoteMethod"

remoteMethod(query) {
// query就是用户输入的值
// 执行访问接口的操作
},

change应该是失去焦点的时候才触发吧