vue 实现点击后 5秒内才能再次点击

Vue 实现点击后 5 秒内才能再次点击，可以通过在方法中使用防抖函数来实现。

防抖函数是指在事件被触发 n 秒后才执行回调函数，如果在这间隔时间内又被触发，则重新计时。

在 Vue 中，我们可以借助 lodash 库中的 _.debounce() 方法来实现防抖函数。首先，要保证 lodash 库已经被引入到项目中。

然后，我们可以利用 Vue 的指令 v-on:click 或者简写 @click，将点击事件绑定到一个自定义方法上。

<template>
  <button @click="handleClick">点击</button>
</template>

<script>
import _ from 'lodash';

export default {
  methods: {
    handleClick: _.debounce(function() {
      // 在这里写点击后的处理逻辑
    }, 5000)
  }
}
</script>

上述代码中，我们将点击事件绑定到 handleClick 方法上，并使用 _.debounce() 方法包裹该方法实现防抖。

通过设置 `5000` 作为延迟时间，即 5 秒后执行 handleClick 方法。如果在这 5 秒内又被点击了，则重新计时延迟时间。

这样就实现了点击后 5 秒内才能再次点击的效果。