Множественный выбор vue.js — Событие запуска, если результаты не найдены

#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#events

2. У меня нет фрагментов кода. Событие поиска-изменения возвращает значение после каждого нажатия клавиши. И поскольку я набираю текст, чтобы использовать функцию автозаполнения, значение никогда не равно нулю.