element input搜索框探索

转(https://blog.csdn.net/qq_37746973/article/details/78402812)

在script中添加下面两个函数

//queryString 为在框中输入的值
//callback 回调函数,将处理好的数据推回
querySearchAsync(queryString, callback) {
    var list = [{}];
     //调用的后台接口
    let url = 后台接口地址 + queryString;
     //从后台获取到对象数组
    axios.get( url ).then((response)=>{
        //在这里为这个数组中每一个对象加一个value字段, 因为autocomplete只识别value字段并在下拉列中显示
        for(let i of response.data){
            i.value = i.想要展示的数据;  //将想要展示的数据作为value
        }
        list = response.data;
        callback(list);
    }).catch((error)=>{
    console.log(error);
    });

  

posted @ 2018-07-08 16:08  Fanyee  阅读(4145)  评论(2编辑  收藏  举报