在Vue中实现防抖

// tools.js
export function debounce (fn, delay) {
    let timer = null
    return function () {
        let arg = arguments
        
        clearTimeout(timer)
        
        timer = setTimeout(() => {
            fn.apply(this, arg)
        }, delay)
    }
}
复制代码
// App.vue
<template>
    <div id="app">
        <input v-model="text" type="text">
    </div>
</template>

<script>
    export default {
        name: 'App',
        data () {
            return {
                text: ''
            }
        },
        created () {
            this.$watch('text', debounce((newValue, oldValue) => {
                console.log(newValue)
            }, 300))
        }
    }
</script>
复制代码
已标记关键词 清除标记
表情包
插入表情
评论将由博主筛选后显示,对所有人可见 | 还能输入1000个字符 “速评一下”
©️2020 CSDN 皮肤主题: 大白 设计师:CSDN官方博客 返回首页