基于vue3 el-autocomplete实现远程搜索功能

1,实现效果
在这里插入图片描述
2,实现代码
使用elementui input组件
autocomplete 是一个可带输入建议的输入框组件,fetch-suggestions 是一个返回输入建议的方法属性,如 querySearch(queryString, cb),在该方法中你可以在你的输入建议数据准备好时通过 cb(data) 返回到 autocomplete 组件中。

HTML部分代码

<el-autocomplete
              :fetch-suggestions="querySearch"
              v-model="ruleForm.name"
              @select="handlename"
              :trigger-on-focus="false"
              style="width: 100%"
            >
</el-autocomplete>

js部分代码

async function querySearch(queryString, callBack) {
   
 //调取后台接口数据
  co
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值