添加状态

马宇豪

2024-02-06 6c153ca68080df99f9ec8ad1666413f65b6a5881

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
import Vue from 'vue'
import ElementUI from 'element-ui';
import 'element-ui/lib/theme-chalk/index.css';
// import App from './App.vue';
 
Vue.use(ElementUI);
// 在vue上挂载一个指量 stopReClick
// vue防止按钮重复点击
const stopReClick = Vue.directive('stopReClick', {
    inserted: function (el, binding) {
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true
                el.style.cursor = 'not-allowed'
                setTimeout(() => {
                    el.style.cursor = 'pointer'
                    el.disabled = false
                    //设置时间
                }, binding.value || 3000)
            }
        })
    }
})
 
const longReClick = Vue.directive('longReClick', {
    inserted: function (el, binding) {
        el.addEventListener('click', () => {
            if (!el.disabled) {
                el.disabled = true
                el.style.cursor = 'not-allowed'
                setTimeout(() => {
                    el.style.cursor = 'pointer'
                    el.disabled = false
                    //设置时间
                }, binding.value || 30000)
            }
        })
    }
})
 
export { stopReClick, longReClick }