如何在Lodash防抖中正确使用Vue JS手表

JavaScript

Near泡芙

2020-03-13

我正在使用lodash在这样的组件上调用去抖功能:

...
import _ from 'lodash';

export default {
    store,
    data: () => {
        return {
            foo: "",
        }
    },

    watch: {
        searchStr: _.debounce(this.default.methods.checkSearchStr(str), 100)
    },

    methods: {
        checkSearchStr(string) {
            console.log(this.foo) // <-- ISSUE 1
            console.log(this.$store.dispatch('someMethod',string) // <-- ISSUE 2
        }
    }
}
  • 问题1是我的方法checkSearchStr不知道foo
  • 问题2是我的商店也undefined一样

为什么this通过调用时我的方法不知道_.debounce正确的用法是什么?

第1548篇《如何在Lodash防抖中正确使用Vue JS手表》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

0个回答

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android