Автозаполнение пользовательского интерфейса элемента не дает результатов ⇐ Php

[Гость]

Я использую в своем проекте компонент автозаполнения пользовательского интерфейса элемента.

Когда ввод не дает результата, я хочу показать сообщение нет результатов .

В других проектах эта опция была в поле предложения (которое НЕ ВЫБИРАЕТСЯ):




Однако при автозаполнении element-ui после значок поиска исчезнет, ​​исчезнет и раскрывающийся список:

[img]https://i.stack.imgur. com/SspLZ.png[/img]


С этим компонентом мне это сделать не удается. Есть идеи?

Мой код выглядит так:

Шаблон:





:
:


Search





Скрипт:

export default {
data() {
return {
formData: {
cityInput: "",
city: "",
:
:
},
}
},

methods: {
getCities(query, callback) {
this.clearCity();

// Ajax call to obtain results for autocomplete
axios.get(
"/cities", {
query: query
})
.then(
response => {
callback(response.data);
}
);

},

handleSelectCity(item) {
this.formData.city = item.value;
},

clearCity() {
this.formData.city = "";
},

:
:
:
}
};


Код PHP: (Laravel)

public function getCities($query)
{
$res = DB::connection('mainDb')
->table('offices')
->where('city', 'like', $query . '%')
->select('city AS value')
->distinct()
->get();

return $res;
}


Подробнее здесь: https://stackoverflow.com/questions/605 ... no-results