vue防抖

最新推荐文章于 2024-05-17 14:32:46 发布

白小码

最新推荐文章于 2024-05-17 14:32:46 发布

阅读量91

点赞数 1

分类专栏：前端知识文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/m0_57364615/article/details/125291359

版权

前端知识专栏收录该内容

31 篇文章 0 订阅

订阅专栏

我是在 utils目录下封装 debounce.js :

let timeout = null
function debounce(fn, wait) {
    if (timeout !== null) clearTimeout(timeout)
    timeout = setTimeout(fn, wait)
}
export default debounce

<template>
    <div>
        <button @click="clickMe()">点我啊</button>
    </div>
</template>

<script>
import debounce from './../../utils/debounce.js'
export default {
    data () {
        return {
            
        }
    },
    methods: {
        clickMe(){
            debounce(() => {
                console.log('触发')
            }, 2000)
        },
    }
}
</script>