笔者用的复杂版的,这里先简单说下基础版的
基础版
页面初始化加载完成后,拿到所有数据(后面用“库”表示),提前将库都已经建立好了,只需调用方法就可以模糊自己所需的数据;或者从官网直接复制就可以用;
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="请输入内容