cuadro de entrada elemento de interfaz de usuario con sugerencias de entrada entró en boxes

hoyo intensificado Descripción del problema:

Uno de los problemas:

Para obtener el retorno de la matriz de fondo y la matriz pasada como resultados después de devolución de llamada entrante, foco en el cuadro de entrada cuando, no muestra nada, simplemente no hay un cuadro en blanco completa.

Problema Solución:
este problema, pensé que se aprobó en el formato de datos de devolución de llamada es erróneo. línea oficial elemento está escrito así:

Pasé es una matriz de objetos, no hay problema.
Luego leí el t cr con una caja de entrada de consulta sugerido código de demostración y el acceso a información relevante descubrimiento, la introducción de datos de una lista de recomendados
de datos: campo de valor [] en! ! !

Por lo tanto, volví a la respuesta de procesamiento de back-end, y la respuesta en la necesidad de campo para mostrar la composición del valor {: 'Enter recomendar'} En este formato, el problema está resuelto.

searchAppNodeApi (searchQuery) .then (respuesta => {
           este .loadAll = response.data
           este .devEuiArr = [];
           para (dejar el artículo de esta .loadAll) {
             este .devEuiArr.push ({ "valor1" : item.dev_eui} ) 
          } 
        })

searchAppNodeApi () de la API es la parte final de mi solicitud, recibirá la petición de devolución de llamada parámetro de la función de respuesta fue exitosa. Sin embargo, la respuesta que contiene una gran cantidad que no necesito el campo, sólo les dev_eui campo necesita. Por lo tanto, cada ciclo en el que el response.data dev_eui recombina {valor: 'sugerencias de entrada'} formato de declaración y empuje en la nueva devEuiArr matriz.

La impresión es de la siguiente manera:

 

 

Resultados correctos son los siguientes:

 

 

 

 

Pregunta dos:

Después de introducir una lista de sugerencias aparece con éxito, la aparición de un nuevo problema, y ​​la demostración Elemento Código web oficial no se corrige esta situación, es que cuando llego a entrar en la lista de sugerencias, para cambiar a otra entrada una lista de sugerencias, en primer lugar se encendieron una aparece la lista de recomendaciones de entrada, la lista de entrada está vacía después de la entrada de conmutación también aparecía en la lista de sugerencias, incluso devolución de llamada vacío manualmente (datos: []) matriz de datos no ayudará.

Problema Solución:
este problema, pensé que era la necesidad de devolver una matriz de datos de datos dentro de devolución de llamada vacío manualmente, como este:

 // predicciones de activación 
      querySearch (cadena de consulta, devolución de llamada) {
         var Resultados = queryString? La presente .devEuiArr.filter ( el presente .createFilter (queryString)): la presente .devEuiArr
         // llamar a la lista de devolución de llamada de retorno de datos recomendada 
        de devolución de llamada (Resultados) 
        Resultados = ' 
      }

Pero no jugó un papel, que no es nada que ver con las variables de caché, entonces me encontré con un parámetro de este tipo en un pequeño rincón de la web oficial de elementos:

 

debounce ? 函数去抖 ? Debe ser lo es!

debounce El valor por defecto es 300 ms, lo ponemos a 0 ms.

<el- autocompletar 
          marcador de posición = "请输入DEVEUI" 
          v -model = "searchDeveuiVal" 
          suprimible 
          : ha podido recuperar -Sugerencias = "querySearch" 
          tamaño = "pequeño" 
          : antirrebote = 0 
          @ keyup.enter.native = "searchAppNode"> 
 </ EL -autocomplete>