代码之家 › 专栏 › 技术社区 › 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 它本身

推荐文章

base · 单击按钮时,如何从父组件打开位于子组件中的模态?

5 月前

Ben Foltz · 更新/删除递归子组件

7 月前

Andy BnOne · 我可以为泛型类型的道具设置默认值吗

7 月前

Felix · 更改vuetify v-field标签字体大小

7 月前

user2263572 · Vue.js在脚本与模板中调用util时的不同功能(以及考虑模板解包)

7 月前

CentralDev · 如何导出和导入js文件?

10 月前

Michael · 在Nuxt/Vue中安装传单的正确方法

10 月前

gespinha · 当元素不再可见时,如何更改ref元素?

11 月前

Brad · Vue Child组件对检索到的pinia/vueFire对象失去反应性

12 月前

gespinha · 使用Vue Router时,路由参数不会在Vue组件内渲染

1 年前