效果图:
vue2:
js文件
import Vue from 'vue'
export default {
install(Vue) {
// 防止重复点击
Vue.directive('preventReClick', {
inserted:function(el,binding){
el.addEventListener('click', () => {
if (el.style['pointer-events'] != 'none') {
el.style['pointer-events'] = 'none';
setTimeout(() => {
el.style['pointer-events'] = 'all';
}, binding.value || 1500)
}
})
}
})
}
}
使用
<el-button v-preventReClick="2000" @click="saveData">暂存</el-button>