Как обернуть метод в debounce и передать туда параметры в template?

Question

[Кирилл]

https://codesandbox.io/s/jovial-morning-rthbh?file...

Хочу создать метод, который добавляет другому методу debounce и позволяет через аргумент задать delay.
Почему не работает то что я написал и как починить?

Comments

[Алексей Абрамов]

Не работает, потому что вы не вызываете эту функцию. Либо в конце добавьте () , либо присвоить функцию в переменную и ее вызывать. https://stackblitz.com/edit/vue-kypzhp?file=src/App.vue

[WbICHA]

Алексей Абрамов, чего? Ему её возвращать надо, причём здесь вызов и запись в переменную?

[WbICHA]

Кстати, у тебя делей всегда будет равен одной секунде.

[Кирилл]

Алексей Абрамов, В вашем примере функция не срабатывает. только console.log. и delay не подставляется. : (

[Алексей Абрамов]

WbICHA, А, я случайно убрал дефолтное значение, когда тестил. И правда, теряется переданный дилэй.

[WbICHA]

Алексей Абрамов, хех, только мой второй коммент был к коду автора.)
Но да, у тебя та же ошибка.)

[Алексей Абрамов]

WbICHA, Ну если убрать дефолтное значение, берет правильно, я так понимаю, теряется контекст?

[Кирилл]

WbICHA, Так как сделать то в итоге? :D Возвращать функцию пробовал, не помогает

[WbICHA]

Алексей Абрамов, а где там устанавливается дефолтное значение? Я вижу только присвоение нового.

[WbICHA]

Кирилл, я вью не знаю, но щас потыкал, оказалось всё убого сделано. Собственно, вот: https://stackoverflow.com/questions/42199956/how-t...

Но при таком подходе не получится задать делей в хтмл.

[Алексей Абрамов]

WbICHA, всё, понял)

[Алексей Абрамов]

Кирилл, поправил, вынес дилей в параметры обработчика)

[Кирилл]

WbICHA, Мне как раз и задача в html задавать). В проекте есть много инпутов, и один метод обработчик для всех, но дебаунс тайм должен быть разным)

[Кирилл]

Алексей Абрамов, Спасибо! Можешь ссылку на решение скинуть не в комментарии, а в ответы, чтобы я отметил ее решением?)

[WbICHA]

Кирилл, тебя не смущает, что оно не работает?)
Вернее оно работает, только без ключевой особенности дебоунса. Сейчас это простой таймаут.

[Алексей Абрамов]

Я тоже почему то думаю, что что-то не так :D

[Кирилл]

WbICHA, точно. Неожиданно сложная хрень)

[WbICHA]

Кирилл, нашёл интересный пекедж: https://www.npmjs.com/package/vue-debounce
Выглядит красиво и удобно.

[Алексей Абрамов]

Убрал ответ, чтобы не вводить в заблуждение)

[Кирилл]

WbICHA, да, возможно придется воспользоваться. Но пока надеюсь обойтись без двух библиотек для дебаунса в проекте).

[WbICHA]

Кирилл, дык используй одну, что я скинул.) Там, как я понял, её можно и как обычный дебоунс использовать. В самом низу пример.

[Кирилл]

WbICHA, дык прошлая уже в 100 местах используется)

[Алексей Абрамов]

А что, если прошлая в 100 местах работает как setTimeout :D

[Кирилл]

Алексей Абрамов, не. она работает норм, если писать вот так:

saveStatusWidthDebounce: debounce(1000, false, function() {
            this.saveStatus();
        }),

т.е. никаких параметров не прокидываем. А вот как переписать чтобы прокинуть, это вопрос)

[WbICHA]

Кирилл, так замени. Реплейсом делается на раз.