1秒内只能提交一次
1、创建js文件preventReClick.js
export default {
install (Vue) {
// 防止重复点击
Vue.directive('preventReClick', {
inserted (el, binding) {
// console.log("binding-7", binding)
el.addEventListener('click', () => {
if (!el.disabled) {
el.disabled = true
setTimeout(() => {
el.disabled = false
}, binding.value || 2000)
}
})
}
})
}
}
2、在main.js中引入
import Vue from 'vue';
import preventReClick from './preventReClick'
Vue.use(preventReClick);
3、在index.vue文件中使用,注意一定要用button按钮
v-preventReClick="1000"//表示1秒内只能提交一次
<button @click="submit" class="submit" v-preventReClick="1000">
<p class="submit_text">点击提交</p>
</button>