Как при редактировании текста сохранять его через определённые промежутки времени?

Question

[andrei_pro]

Есть форма с текстом, который хранится в vuex:

<textarea v-model="text"></textarea>

Есть биндинг v-model:

computed: {
        text: {
                get() {
                    return this.product.text
                },
                set(value) {
                    this.$store.dispatch(`updateProduct`, value)
                }
            },
}

Проблема: при редактировании текста идут десятки событий updateProduct, мне нужно их как-то объединить и сохранить по таймауту - каждые 2 секунды к примеру.

Answer 1

[0xD34F]

throttle:

computed: {
  text: {
    get() {
      // ...
    },
    set: _.throttle(function(text) {
      // здесь вызываете мутацию
    }, 2000),
  },
},

https://jsfiddle.net/hjub5swz/

Answer 2

[coderisimo]

https://medium.com/@modex13/vue-js-2-throttle-b43d...

Answer 3

[aloky]

debounce не поможет?

Comments

[aloky]

или можно v-model.lazy

[andrei_pro]

aloky, debounce пробовал, не работает почему-то

[andrei_pro]

aloky, lazy не плохой вариант, только теряется реактивность, что конечно не есть хорошо