Блог

У меня есть это текстовое поле ввода:

 <input v-model="filterName" v-on:input="search()" type="text" class="form-control" id="carrierName" placeholder="Name">
 

После того, как я ввожу любой символ во входной текст, вызывается функция search().

Я хочу, чтобы функция search() вызывалась только тогда, когда я ввожу не менее x символов в свой текстовый ввод.

Как я могу этого достичь? Возможно ли это?

Я полагаю, вы можете добиться этого, используя только дополнительный обработчик:

 <input v-model="filterName" v-on:input="onInput" type="text" class="form-control" id="carrierName" placeholder="Name">
...
methods: {
  onInput() {
    if (filterName.length > 5) {
      search()
    }
  }
}