Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/tensorflow/5.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript Vue-如何使用lodash debounce_Javascript_Vue.js_Lodash - Fatal编程技术网

Javascript Vue-如何使用lodash debounce

Javascript Vue-如何使用lodash debounce,javascript,vue.js,lodash,Javascript,Vue.js,Lodash,我使用的是main.js中导入的lodash中的debounce 从“lodash”导入lodash Vue.prototype.uz=lodash 我用的是像这样的。u.find(…),一切正常。但如果我使用debounce,它就不起作用了 导出默认值{ 方法:{ 延迟:此.u0.debounce(函数(){ //代码 }, 500), } } 它抛出此错误uncaughttypeerror:无法读取未定义的属性“debounce” 使用这个的正确方法是什么?这个应该有效 从'loda

我使用的是main.js中导入的lodash中的debounce

从“lodash”导入lodash
Vue.prototype.uz=lodash
我用的是像这样的
。u.find(…)
,一切正常。但如果我使用debounce,它就不起作用了


导出默认值{
方法:{
延迟:此.u0.debounce(函数(){
//代码
}, 500),
}
}
它抛出此错误
uncaughttypeerror:无法读取未定义的属性“debounce”

使用
这个的正确方法是什么?

这个应该有效


从'lodash es'导入{debounce}//优化的es6导入包,类似于通常的'lodash'
导出默认值{
方法:{
yourCoolFunction:debounce(函数(事件){//event是给定给“yourCoolFunction”的对象参数(如果有)
//你的美味代码
}, 500),
}
}

试试这个。对我来说,它的工作原理如下所示:

    <script>
       export default {
          methods: {
             delay: _.debounce(function() {
               //code
             }, 700),
          }
        }
    </script>

导出默认值{
方法:{
延迟:u.debounce(函数(){
//代码
}, 700),
}
}

我的猜测是
在您的案例中,此
并不是指vue原型。你能发布周围的代码吗?根据“延迟”键判断,你所在的对象会更改“this”的上下文,发布整个代码以便我们能够确定。在这里,你将在你的包中加载整个
lodash
库,因此我的解决方案只会导入所需的函数.net.uk.sweet,itay_alon我编辑了这篇文章,延迟函数位于“方法”部分。由于我已经在main.js中导入了lodash包,是否有任何方法可以从那里使用它?这里不确定这个问题,但您也可以使用
从“lodash/debounce”导入debounce
,捆绑包的大小也会很小。只有在特定文件中导入lodash时,这才有效,对吗?像从lodash导入的
import uuu
一样,我已经在使用debounce的文件中导入了它。