Debounce и динамический input v-model как подружить?

Question

[Барбарис]

Подскажите, как правильно подружить динамический v-model и debounce , хочу сделать задержку ввода, хз как правильно реализовать!

Вывод значения измененного поля с задержкой - вот песочница jsfiddle

Comments

[Aetae]

https://ru.vuejs.org/v2/guide/computed.html#%D0%9C...

Answer 1

[0xD34F]

хочу сделать задержку ввода

Ну так и следите тогда за вводом:

methods: {
  onInput: debounce(function(val) {
    this.debouncedInput = val;
  }, 500),
  ...

<v-text-field
  @input="onInput"
  ...

Если же на самом деле нужно следить не только за тем, что вводит пользователь непосредственно в input, а за изменениями вообще, тогда делаете вычисляемое свойство, представляющее массив интересующих вас значений, вешаете на него наблюдателя, который ищет изменившееся значение:

computed: {
  count() {
    return this.orders.map(n => n.count);
  },
},
watch: {
  count: debounce(function(newVal, oldVal) {
    this.debouncedInput = newVal.find((n, i) => n !== oldVal[i]);
  }, 500),
},