Vue Watch 节流函数

template



<van-field

    v-model="value"

  />


watch


watch: {

    value() {

        this.fnThrottle(this.searchAction, 300)(); // 无操作,延迟300ms后执行方法

    }

}


methods


searchAction() { // 执行的函数

        console.log(this.value)

 },

fnThrottle (method, delay) {

    var timer = this.timer;

    return _=>{

        var context = this;

        var args = arguments;

        clearTimeout(timer);

        this.timer=setTimeout(_=>{

            method.apply(context,args);

        },delay);

    }

},

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容