有些功能会因为暴力点击而出现接口问题,那么我们改如何去限制几秒种之内只有效点击一次呢?
一、在 utils目录下封装 debounce.js ?
let timeout = null function debounce(fn, wait) { if (timeout !== null) clearTimeout(timeout) timeout = setTimeout(fn, wait) } export default debounce
二、debounce.vue使用 debounce.js
<template> <div> <button @click="clickMe()">点我啊</button> </div> </template> <script> import debounce from './../../utils/debounce.js' export default { data () { return { } }, methods: { clickMe(){ debounce(() => { console.log('触发') }, 1000) }, } } </script>