Vue中防抖功能的使用这篇文章也是我上一篇文章的链接,输入内容有延迟显示。一般防抖功能都是自己写的,或者直接搜索类似的功能debounce(fn,wait){vartimer=null;returnfunction(){if(timer!==null){clearTimeout(timer);}timer=setTimeout(fn,wait);}}Vue官网Demohttps://cn.vuejs.org/v2/guide...看到Vue官网监听器使用lodash创建的组件:function(){//_.debounce是一个函数来限制Lodash的操作频率。//在这个例子中,我们想限制访问yesno.wtf/api的频率//AJAX请求在用户完成输入之前不会发出。要了解有关//_.debounce函数(及其近亲_.throttle)的更多信息,//请参阅:https://lodash.com/docs#debouncethis.debouncedGetAnswer=\_.debounce(this.getAnswer,500)}我在想,既然官网不用自己写,那我也用这个吧。Lodash.debounce先看https://lodash.com/docs#debounce文档由于我只用防抖,所以只安装防抖功能npmi--savelodash.debounceuseimportdebouncefrom'lodash.debounce'textChange:debounce(function(){//注意如果这里使用了箭头函数,这是未定义的https://github.com/vue-styleguidist/vue-docgen-api/issues/23//dosth},300)总结如果你已经有了轮子,不要自己造。当然,您可以在练习中自己制作它们。
