В настоящее время я использую Vuetify для создания таблицы данных, я вижу, что при поиске, когда вы вводите, он фильтрует, чтобы сузить результаты в зависимости от того, какой тип введен. Мне любопытно, как я могу использовать ту же панель поиска, поэтому когда Я нажимаю Enter, он фактически принимает значение и перестраивает datatable, используя тот же вызов axios, но добавляя параметры к URL-адресу . Я все еще хочу иметь возможность фильтровать текущие результаты, когда набираю текст и не нажимаю Enter. Это возможно?

В целом я пытаюсь создавать теги при поиске. У пользователей будет возможность нажать Enter, перестроить таблицу, но увидеть значение, которое они ввели как тег. С также возможностью отключить x и удалить для восстановления значений по умолчанию.

0
Zeus 14 Мар 2019 в 03:47

1 ответ

Лучший ответ

Предполагая, что у вас есть такой ввод для поиска:

<v-text-field
          v-model="search"
          append-icon="search"
          label="Search"
          single-line
          hide-details
          v-on:keyup.enter="myFunction"
 ></v-text-field>

Вы можете добавить v-on: keyup.enter, как указано выше, а затем поместить свои функции в myFunction

В myFunction вы можете сказать this.search, чтобы получить значение этого, и вы можете делать с ним все, что захотите.

1
drew kroft 14 Мар 2019 в 04:08