element-ui的输入框总结

来源：互联网发布：软件小站解压密码编辑：程序博客网时间：2024/06/03 18:02

1.使用搜索框的坑

querySearch(queryString, cb) {    let likeThis=this;  let areaKey= {    "Condition": {      "LBLongitude": "",      "LBLatitude": "",      "RTLongitude": "",      "RTLatitude": "",      "ParentId": "",      "Key": this.addForm.controlArea    },    "Page": 1,    "Size": 100  };  this.$http({      method: 'POST',    url: 'api/Acs/QueryArea',    data: areaKey  }).then(function (resp) {    console.log(resp);    let correctAreaNames=[];    for(let i=0;i<resp.data.Data.Result.length;i++){        correctAreaNames.push({id: resp.data.Data.Result[i].Id,value: resp.data.Data.Result[i].Name})    }    likeThis.areaNames=correctAreaNames;    let areaNames = likeThis.areaNames;    console.log(areaNames)    let results = queryString ? areaNames.filter(likeThis.createFilter(queryString)) : areaNames;    // 调用 callback 返回建议列表的数据    cb(results);  });},createFilter(queryString) {  return (areaName) => {    return (areaName.value.indexOf(queryString.toLowerCase()) === 0);  };},

这里面的key 必须是value，要不就会出现bug无法正常显示(

return (areaName.value.indexOf(queryString.toLowerCase()) === 0);

)的value必须和

 correctAreaNames.push({id: resp.data.Data.Result[i].Id,value: resp.data.Data.Result[i].Name})

的value必须都是value，哪怕是相同的key，比如name等等都会出错

阅读全文

0 0