# 防抖操作 debounce
防止按钮在短事件内被多次点击,使用防抖函数限制在规定时间内只能点击一次
# 正常用法
<template>
<button v-debounce="debounceClick">防抖</button>
</template>
<script>
export default {
methods: {
debounceClick(e) {
console.log(e)
alert('触发一次')
}
}
}
</script>
# 设置延迟时间
<template>
<button v-debounce="debounceClick2" :debounce-delay="1000">延迟1000ms</button>
</template>
<script>
export default {
methods: {
debounceClick2(e) {
console.log(e)
alert('触发一次,2')
}
}
}
</script>
# 属性
参数名 | 说明 | 类型 | 默认值 | 可选值 |
---|---|---|---|---|
debounce-delay | 延迟触发时间,单位ms | Number | 350 | - |