Question

我试图将一个函数从运行500ms中去掉。遵循此处的文档：

https://vuejs.org/v2/guide/migration.html#debounce-Param-Attribute-for-v-model-removed

    methods: {
        // Get the data needed for this page
        fetchData: _.debounce(function () {
            this.$http.get('widgets/quickfindordernumber/' + this.quickFindOrderNumber).then(function (response) {
                console.log(response.body)
            }, function (error) {
                console.log(error);
            });
        }, 500)
    }

但是当运行此函数时，我在控制台中遇到错误Uncaught ReferenceError: _ is not defined我尝试删除_。在去抖动之前，但它也说没有定义去抖动。

Answer 1

在示例中，VueJS使用外部库中的debounce函数，如underscoreJS或lodash。

要使用它，你只需将它包含在你的文件中（在你的npm模块中安装之后），如下所示：

import _ from 'lodash';

new Vue({
    // ...
    methods: {
        // Get the data needed for this page
        fetchData: _.debounce(function () {
            this.$http.get('widgets/quickfindordernumber/' + this.quickFindOrderNumber).then(function (response) {
                console.log(response.body)
            }, function (error) {
                console.log(error);
            });
        }, 500)
    }
});

VueJS 2 Uncaught ReferenceError：_未定义去抖动

1 个答案: