Телеграмм чат группы phpdevconf страница 886

<input type=text list="code" class="form-control" :placeholder="$t('Code')"
v-model="queries.code" @change="filterChanged=true" @keyup="request($event.target.value,'code')">
<datalist id="code">
  <option v-for="item in codes">{{item.code}}</option>
</datalist>

Как видите при вводе срабатывает функция, которая запрашивает у сервера подсказки и записывает их в массив codes, но беда в том, что при выборе одной из подсказок, функция срабатывает повторно, тестил с вариантом keyup.self - не помогло. Что посоветуете?

источник

06:21пожаловаться #13

Damir Sarbayev in PHP DevConf

https://vue-treeselect.js.org/#async-searching

Vue-Treeselect

A multi-select component with nested options support for Vue.js

источник

06:27пожаловаться #14

Damir Sarbayev in PHP DevConf

Зачем писать самому, берешь пакеты, ставишь и радуешься, на npm чего только нет

источник

06:28пожаловаться #15

Airat Zh in PHP DevConf

Arsen

Добрый день комьюнити, есть такой вопрос: есть функционал на Vue JS:

<input type=text list="code" class="form-control" :placeholder="$t('Code')"
v-model="queries.code" @change="filterChanged=true" @keyup="request($event.target.value,'code')">
<datalist id="code">
  <option v-for="item in codes">{{item.code}}</option>
</datalist>

Похоже на всплытие

источник

06:32пожаловаться #16

Airat Zh in PHP DevConf

А погоди, связь есть между листом и инпутом

источник

06:33пожаловаться #17

Airat Zh in PHP DevConf

Убери ончейдж

источник

06:33пожаловаться #18

Airat Zh in PHP DevConf