Здравствуйте, подскажите пожалуйста у меня есть такой вот компонент:
<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); Подскажите пожалуйста есть ли какая нибудь альтернатива что бы не подтягивать целую библиотеку. Заранее благодарю
