#javascript #vue.js #multi-select
Вопрос:
Как я могу вызвать событие, если при вводе текста для поиска элемента результаты не будут найдены? Спасибо!
<multiselect
v-model="value"
:options="getSkillList"
placeholder="Rechercher une compétence"
:searchable="true"
noResultsText="Aucun résultat"
@select="addSkill"
ref="multiselect"
@search-change="updates"
class="multiselect-pink"
></multiselect>
<!-- Button trigger modal -->
<button
type="button"
data-bs-toggle="modal"
data-bs-target="#newSkillModal"
class="btn btn-outline-primary w-100 ms-3"
>
<font-awesome-icon icon="plus-circle" class="me-2"></font-awesome-icon>
Ajouter une nouvelle compétence
</button>
Я хочу включить/отключить кнопку, если пользователь не может найти то, что он ищет, во вводе поиска.
например, 1: пользователь вводит «Jav», автозаполнение предлагает «Java», пользователь доволен и выбирает «Java», потому что данные доступны в БД.
например, 2: пользователь вводит «JavaFX», автозаполнение предлагает «Без результатов», пользователь недоволен, но кнопка включается, чтобы он мог добавить «JavaFX» в базу данных.
Комментарии:
1. У вас есть какие-нибудь фрагменты кода? Что вы пробовали? Есть такое
search-change
событие. Если результат пуст, то, может быть, тогда произойдет событие? github.com/vueform/multiselect#events2. У меня нет фрагментов кода. Событие поиска-изменения возвращает значение после каждого нажатия клавиши. И поскольку я набираю текст, чтобы использовать функцию автозаполнения, значение никогда не равно нулю.