[JavaScript知识库] vue3项目实现防抖

开发: C++知识库 Java知识库 JavaScript Python PHP知识库人工智能区块链大数据移动开发嵌入式开发工具数据结构与算法开发测试游戏开发网络协议系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑笔记本显卡显示器固态硬盘硬盘耳机手机 iphone vivo oppo 小米华为单反装机图拉丁

-> JavaScript知识库 -> vue3项目实现防抖 -> 正文阅读

[JavaScript知识库]vue3项目实现防抖

直接粘代码

<template>
     <a-input v-model:value="inputvalue" placeholder="Basic usage"     @change="inputchange"/>
</template>


<script lang="ts">
export default {
        name: "",
        setup(){
           const debounce=(fun:any, delay:number)=> {
                    let t:any=''
                    return  (args:any) => {
                        let that:any = this
                        let _args = args
                        clearTimeout(t)
                        t= setTimeout(function () {
                            fun.call(that, _args)
                        }, delay)
                    }
              }
          const inputchange=debounce(()=>{
                getPageData()
            },300)
          return {inputchange}
        }
</script>

当快速输入多个文本时，?只调用一次接口，成功！