Binding form value by timeout?

Question

JavaScript

Hello.
There is a form with text stored in vuex: There is a v-model binding
<textarea v-model="text"></textarea>

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

Problem: when editing a test, there are dozens of updateProduct events, I need to somehow combine them and save them by timeout - every 2 seconds, for example

Answer 1

throttle :

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

https://jsfiddle.net/hjub5swz/

Answer 2

debounce won't help?

Answer 3

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