Использовать Vue.js 3 с функцией Lodash debounce

#javascript #vue.js #vue-component #vuejs3

#javascript #vue.js #vue-компонент #vuejs3

Вопрос:

Есть ли какое-либо решение для использования метода lodash debounce on? Мне также нужно «это» в функции. Пример:

 data() {
    info: 'Read Me!'
},
methods: {
  readData() {
      console.log(this.info)
  }
}
  

В Vue2 я мог бы использовать:

 methods: {
  readData: debounce(function() {
      console.log(this.info)
  }, 500)
}
  

Ответ №1:

Вашим свойством данных должна быть функция, которая возвращает объект :

 data() {
   return{
    info: 'Read Me!'
   }
},
  

и напишите свой метод, указав имя для обратного вызова отмены :

 methods: {
  readData: debounce(function debounceRead() {
      console.log(this.info)
  }, 500)
}