1200字范文,内容丰富有趣,写作的好帮手!
1200字范文 > click vue 重复调用_VUE防止多次点击 重复请求

click vue 重复调用_VUE防止多次点击 重复请求

时间:2019-09-09 03:46:30

相关推荐

click vue 重复调用_VUE防止多次点击 重复请求

VUE防止多次点击,重复请求

1.添加自定义文件 preventReClick.js

import Vue from 'vue'

const preventReClick = Vue.directive('preventReClick', {

inserted: function (el, binding) {

el.addEventListener('click', () => {

if (!el.disabled) {

el.disabled = true

setTimeout(() => {

el.disabled = false

}, binding.value || 3000)

}

})

}

});

export { preventReClick }

2.在main.js中引用

import preventReClick from './store/preventReClick' //防多次点击,重复提交

3.实现方式。在按钮上添加v-preventReClick

保 存

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。