使用 Vue.js 3 和 lodash debounce 函数

Question

lodash debounce on method有什么解决办法吗？我还需要 'this' 在函数中。示例：

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

在 Vue2 中我可以使用：

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

Answer 1

您的数据属性应该是 returns 一个对象的函数 :

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

并通过为去抖动回调命名来编写您的方法：

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

Use Vue.js 3 with lodash debounce function