Всем привет! Подскажите, пожалуйста, как применить debounce (не из lodash) во

Question

Всем привет! Подскажите, пожалуйста, как применить debounce (не из lodash) во

vue, чтобы один запрос уходил на сервер только?

Я писал сам debounce, ставил vue-debounce пакет, но результат один - задержка при вводе есть, запросы сразу не уходят, но по истечение тайминга уходят запросы по кол-ву символов, введенных за указанное время.
т.е. если ввести hello и установить задержку 500мс, то через 500мс после ввода уходит 5 запросов, а не 1

#programming #russian #vue.js

0

25.03.2022

10 ответов

34 просмотра

Aleksey German Автор вопроса

Олег
А как самостоятельно писали? Пришлите скрин

0

25.03.2022

Aleksey German Автор вопроса

Олег
А как самостоятельно писали? Пришлите скрин

onServerSearch это вызов к апи. filterText - значение v-model на кастомном элементе инпута sm-input

0

25.03.2022

Aleksey German Автор вопроса

Олег
А как самостоятельно писали? Пришлите скрин

0

25.03.2022

Aleksey German Автор вопроса

Олег
А как самостоятельно писали? Пришлите скрин

0

25.03.2022

Олег

Проблема в использовании функции. Функция debounce - декоратор. Вам надо получить из декоратора новую функцию и обращаться к ней. Как-то так

0

25.03.2022

Aleksey German Автор вопроса

Олег
Проблема в использовании функции. Функция debounce...

Так ведь у меня он возвращает функцию и она вызывается. Не понимаю разницу в синтаксисе вашем и моем. P.s. я пробовал и executedFunction и executedFunction() возвращать - разницы нет в работе

0

25.03.2022

Олег

Разница в том, что декоратор нужно вызвать 1 раз, получить из нее функцию и её использовать. А сейчас на каждом изменении вызывается функция-декоратор

0

25.03.2022

Aleksey German Автор вопроса

Олег
Разница в том, что декоратор нужно вызвать 1 раз, ...

Спасибо! Работает

0

25.03.2022

Олег

Aleksey German
Спасибо! Работает

Рад помочь 🙂

0

25.03.2022