javascript - & 符号 View 和 lodash.debounce

Question

我正在使用 lodash.debounce 和 & 符号 View 。

我为 View 的事件注册事件处理程序，例如

events: {
        'click [data-hook~=power-on]': "power",
        'click [data-hook~=shutdown]': 'shutdown',

但我想使用去抖功能，这样如果用户向按钮发送垃圾邮件，它就不会过于频繁地触发。

但是，事件注册似乎只采用方法名称字符串。

我确信我错过了一些简单的事情；但这是非常漫长的一周..

解决方案

我使用了在 View 上定义的方法(powerOn: function())，但这不起作用，因为似乎找不到 this.powerOn 引用；我必须将 powerOn 函数移到 View 之外，然后执行以下操作:

'click [data-hook~=power-on]': debounce(powerOn, 2000, { 'leading': true,  'trailing': false }),

Answer 1

The callback may either be the name of a method on the view, or an actual function. https://ampersandjs.com/docs/#ampersand-view-events

因此您可以在事件中使用函数:

events: {
  'click [data-hook~=power-on]': _.debounce(callback)
}