Shlop
@Shlop
Full Stack Developer (PHP/Laravel/JavaScript)

Есть ли какая нибудь легкая замена lodash.debounce?

Здравствуйте, подскажите пожалуйста у меня есть такой вот компонент:
<template>
    <div class="search">
        <input name="search" type="text" class="search__input" v-on:input="fnSendSearch">
    </div>
</template>
<script>
    import lodash from 'lodash';
    export default {
        model: {
            prop: 'query',
            event: 'query-search',
        },
        data: function() {
            return {
                query: null,
                fnSendSearch: Function,
            }
        },
        created: function() {
            this.fnSendSearch = lodash.debounce(this.sendSearch,300);
        },
        methods: {
          sendSearch: function(event) {
              this.$emit('query-search',event.target.value);
          }
        },
    }
</script>

Это компонент для поиска, всё что он делает - это отправляет событие когда пользователь что-то ввел в input после 300ms, проблема в том что я подтягиваю целую библиотеку lodash из за одного только lodash.debounce(this.sendSearch,300); Подскажите пожалуйста есть ли какая нибудь альтернатива что бы не подтягивать целую библиотеку. Заранее благодарю
  • Вопрос задан
  • 277 просмотров
Решения вопроса 1
@grinat
https://learn.javascript.ru/settimeout-setinterval lodash работает через settimeout
Да и на самом деле можно сделать import debounce from 'lodash/debounce' и тогда будет в бандле только то что требуется
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы