Как создать событие, когда пользователь закончил редактирование input'а во vue.js?

Question

[codeZlo]

Здравствуйте!

<input type="text" @input="some_function" v-model.number="some_variable">

В данном коде переменная some_variable и функция some_function меняются и исполняются именно в тот момент, когда пользователь в поле меняет значение. А надо ловить событие и исполнять функцию, когда пользователь поменял значение в поле и закончил редактирование. Подскажите, пожалуйста, Ваши варианты как это можно реализовать?

Заранее спасибо за ответы.

Comments

[Koteezy]

Просто решил дополнить уже существующие ответы, по факту, это тот же debounce.

Answer 1

[Владимир Проскурин]

Используйте не @input а @change

Answer 2

[Александр Шаповал]

Вот тут можешь посмотреть пример кода https://github.com/freelaxdeveloper/vue-hubculture...
Внимание на

created: function () {
    // _.debounce — это функция из lodash, позволяющая ограничить
    // то, насколько часто может выполняться определённая операция.
    // В данном случае мы хотим ограничить частоту обращений к yesno.wtf/api,
    // дожидаясь завершения печати вопроса перед тем как послать ajax-запрос.
    // Чтобы узнать больше о функции _.debounce (и её родственнице _.throttle),
    // см. документацию: https://lodash.com/docs#debounce
    this.debouncedGetAnswer = _.debounce(this.getAnswer, 500)
  },