From 089bf5d2378b3c4a61d795b2a92bede2c193b771 Mon Sep 17 00:00:00 2001
From: admin <344137771@qq.com>
Date: Tue, 06 Jan 2026 11:22:58 +0800
Subject: [PATCH] 1
---
src/core/directives.js | 49 +++++++++++++++++++++++++++++++++++++++++++++++++
1 files changed, 49 insertions(+), 0 deletions(-)
diff --git a/src/core/directives.js b/src/core/directives.js
new file mode 100644
index 0000000..a1162a0
--- /dev/null
+++ b/src/core/directives.js
@@ -0,0 +1,49 @@
+import Vue from 'vue'
+import Clickoutside from 'element-ui/src/utils/clickoutside'
+
+// 自定义聚焦指令
+Vue.directive('focus', {
+ inserted(el) {
+ el.focus()
+ },
+})
+
+// 自定义粘贴指令
+Vue.directive('paste', {
+ bind(el, binding, vnode) {
+ el.addEventListener('paste', function(event) {
+ //这里直接监听元素的粘贴事件
+ binding.value(event)
+ })
+ },
+})
+
+// 自定义拖拽指令
+Vue.directive('drag', {
+ bind(el, binding, vnode) {
+ // 因为拖拽还包括拖动时的经过事件，离开事件，和进入事件，放下事件，
+ // 浏览器对于拖拽的默认事件的处理是打开拖进来的资源，
+ // 所以要先对这三个事件进行默认事件的禁止
+ el.addEventListener('dragenter', function(event) {
+ event.stopPropagation()
+ event.preventDefault()
+ })
+ el.addEventListener('dragover', function(event) {
+ event.stopPropagation()
+ event.preventDefault()
+ })
+ el.addEventListener('dragleave', function(event) {
+ event.stopPropagation()
+ event.preventDefault()
+ })
+ el.addEventListener('drop', function(event) {
+ // 这里阻止默认事件，并绑定事件的对象，用来在组件上返回事件对象
+ event.stopPropagation()
+ event.preventDefault()
+ binding.value(event)
+ })
+ },
+})
+
+// 点击其他地方隐藏指令
+Vue.directive('outside', Clickoutside)
--
Gitblit v1.9.3