tengo el siguiente codigo para ejecutar el elemento
El codigo del elemento es el siguiente:
<el-autocomplete style="width:100%;"
v-model="state"
:fetch-suggestions="querySearch"
@select="handleSelect"
placeholder="Please input"
:trigger-on-focus="false">
</el-autocomplete>
Mando el array de objeto (Imagen mas abajo) al loadAll el cual proceso y mando al elemento Links. Hasta el momento no he logrado obtener el nombre para hacer la busqueda. el cual esta en createFilter pero no me funciona. ¿Cual es la forma correcta de recorrer ese array para que se muestre en mi elemento?
/* - BUSCADOR - */
querySearch(query, cb) {
var links = this.links;
var results = query ? links.filter(this.createFilter(query)) : links;
var top3 = results.slice(0, 4);//Define cuantos elementos se muestran en la lista
console.log(JSON.stringify(top3));
cb(top3); // number of things returned
},
createFilter(query) {
return (link) => {
return link.value.toLowerCase().includes(query.toLowerCase());
};
},
loadAll(array) {
return array;
},
handleSelect(item) {
this.label = item.value;
//console.log(item.value);
},