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