vue-click-prevent 防连点

用于在 promise 操作完成之前，防止重复点击

安装

npm install vue-click-prevent

使用示例

// main.js

import { createApp } from 'vue'
import vueClickPrevent from 'vue-click-prevent'

const app = createApp(App)
app.use(vueClickPrevent)

// demo.vue

<template>
    // 不带参数
    <button v-clickPrevent="clickHandle"></button>
    // 带参数
    <button v-clickPrevent="()=>{clickHandle('1111')}"></button>
</template>

<script setup>
// 点击方法，一定要返回一个promise!! 如果不是promise就无法起作用
const clickHandle = () => {
  return new Promise((resolve) => {
    console.log('触发点击')
    setTimeout(() => {
      resolve()
    }, 2000)
  })
}
</script>