代码之家 › 专栏 › 技术社区 › Seva

Vue和lodash debounce有什么问题?

lodash vue.js javascript

Seva · 技术社区 · 7 年前

道具:

props: {
  delay: Number,
}

观察者:

 watch: {
   q: _.debounce(function() {
     console.log(this.delay);      // 500; always works fine, this.delay is here
   }, this.delay)                  // never works; 
 },

如果硬编码延迟(设置 500 而不是 this.delay

我做错了什么?谢谢

1 回复 | 直到 7 年前

Bill Criswell 7 年前

您将无法完成设置 delay this 不是该范围内的组件。您可以使用 $watch

created () {
  this.debounceUnwatch = this.$watch('q', _.debounce(
    this.someMethod,
    this.delay
  ))
},

destroyed () {
  // Removed the watcher.
  this.debounceUnwatch()
},

有关更多信息: https://vuejs.org/v2/api/#vm-watch

编辑

这也不行。看起来真的应该这样。我认为这里需要做的是,你需要消除正在更新的内容 q 而不是 q 它本身

推荐文章

Halufolia · Lodash keyBy与数组具有相同的属性

7 年前

maxd · 删除以参数开头的对象的属性

7 年前

leonheess · lodash不作为内部功能使用

7 年前

Sam Denty zneak · 按键对对象数组分组

7 年前

jsh6303 · “pickBy”对象的值数组中的值

7 年前

darkwing · 如何将lodash的合并与自定义时间戳属性一起使用

7 年前

imanu · 对嵌套json复杂数组排序

7 年前

Hozoa glee · 节点。JS使用lodash将子对象添加到对象

7 年前

Luiz Carvalho · 使用键提取子对象,并使用javascript中未使用的键创建数组

7 年前

Huy Vo · 为什么需要使用lodash/fp/constant?

7 年前