防止重复点击指令

src/main.js

@@ -17,6 +17,10 @@ Vue.use(ElementUI)
 Vue.prototype.download = download
 Vue.prototype.upload = upload
 
+// 防止重复点击自定义属性
+import preventReClick from './utils/preventRepeatClick.js'
+Vue.use(preventReClick);
+
 Vue.prototype.$errorScroll = function errorScroll(callback) {
   this.$nextTick(() => {
     // this.loading = false;

src/utils/preventRepeatClick.js

+export default {
+    install (Vue) {
+        Vue.directive('preventReClick', {
+            inserted(el, binding) {
+                el.addEventListener('click', () => {
+                    if(!el.disabled) {
+                        el.disabled = true;
+                        setTimeout(() => {
+                            el.disabled = false;
+                        }, binding.value || 1000);
+                    }
+                })
+            }
+        })
+    }
+}
\ No newline at end of file

src/views/index/camp/homework/refer.vue

@@ -246,7 +246,9 @@
           </div>
 
           <el-form-item class="btn" v-if="student_status == 0">
-            <el-button type="primary" @click="confirm">提交</el-button>
+            <el-button type="primary" v-preventReClick="1000" @click="confirm"
+              >提交</el-button
+            >
           </el-form-item>
         </el-form>
       </div>