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

时间:2017-03-15 15:51:21

标签: javascript vue.js vuejs2

我试图将一个函数从运行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我尝试删除_。在去抖动之前,但它也说没有定义去抖动。

1 个答案:

答案 0 :(得分:3)

在示例中,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)
    }
});