el-autocomplete匹配搜索使用

1.添加元素

<el-autocomplete
             v-model="text"
             :fetch-suggestions="fetchPoint"
             placeholder="輸入內容"
     >
</el-autocomplete>

2.js代碼

fetchPoint(name, callback) {
                this.$data.loading += 1;
                let list = [{}];
                api
                    .get('/api/website/publictransportation/map',{
                        params: assignIn({}, {name: name})
                    }).then((response) => {

                        let map = response.data;

                        for(let key in map) {
                            list.push({key: key, value:map[key]});
                        }

                        callback(list);
                    })
                    .finally(() => {
                        this.$data.loading -= 1;
                    });
            }

在輸入框輸入查詢值時，會傳遞給name，後臺根據name查詢結果返回並回顯給下拉列表。注意：list.push({key: key, value:map[key]});這裏需要有一個value名（默認爲value），有需要可以更改這個名稱。