【记录51】动态表单el-autocomplete远程搜索

笔者用的复杂版的,这里先简单说下基础版的

基础版

页面初始化加载完成后,拿到所有数据(后面用“库”表示),提前将库都已经建立好了,只需调用方法就可以模糊自己所需的数据;或者从官网直接复制就可以用;fetch-suggestions@select两个方法

// 这是要求的数据格式
let list = [{
   
   value:'', address: ''}, ......{
   
   value:'', address: ''}]

// 需注意可以处理为自己想要的数据格式,value和address不能没有,可以添加自己所需字段
let list = [{
   
   value:'', key: '', address: ''}, ......{
   
   value:'', key: '', address: ''}]
<el-autocomplete v-model="vlaue" :fetch-suggestions="querySearchAsync" placeholder="请输入内容
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值