element-ui带输入建议的input框踩坑
踩坑问题描述: 问题一: 获取到后端返回的数组,并将数组传入作为 results 传入 callback 后,焦点放在 输入框 上的时候,并未出现任何内容,只出现了一个不完整的空白框。 问题解决方案: 这个问题开始我以为是传进 callback 的 data 格式不对。Element官网上是这么写的: 我传入的是对象数组,是没问题的。 后来我仔细阅读了 Elemen t带建议查询输入框的 Demo 代码并查阅相关资料发现,输入建议列表的数据只来源于 data:[] 中的 value 字段!!! 于是,我将后端传回的 response 处理了,将 response 中需要展示的字段组成 {value:'输入建议'} 这种格式,问题解决。 searchAppNodeApi(searchQuery).then(response => { this.loadAll = response.data this.devEuiArr = []; for (let item of this.loadAll) { this.devEuiArr.push({"value1": item.dev_eui}) } }) searchAppNodeApi() 是我请求后端的api方法,拿到请求成功的回调函数的 response 参数。但是, response 里面包含很多我不需要的字段,我只需要其中的 dev