From a2ac694aadcc5e0fdbd845d1761a7058f7b2830f Mon Sep 17 00:00:00 2001
From: PsTiu <20109955@qq.com>
Date: Mon, 29 Aug 2022 18:46:28 +0800
Subject: [PATCH] =?UTF-8?q?docs:=20=E4=BF=AE=E6=94=B9=E6=97=A5=E5=8E=86?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6=E4=BA=8B=E4=BB=B6=E7=A4=BA=E4=BE=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/calendar/_example/events.vue | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/src/calendar/_example/events.vue b/src/calendar/_example/events.vue
index 31fd025ff..e55070ffc 100644
--- a/src/calendar/_example/events.vue
+++ b/src/calendar/_example/events.vue
@@ -12,11 +12,22 @@
 
 <script>
 export default {
+  data() {
+    return {
+      // 单元格单击和双击事件共存的时候，双击事件会触发单击事件（两次），这“可能不是”正确的效果，
+      // 这种场景下建议对单击事件进行延迟处理（详见下面 cellClick 和 cellDoubleClick 的代码）
+      cellClickTimmer: null,
+    };
+  },
   methods: {
     cellClick(options) {
-      console.log(`鼠标左键单击单元格 ${options.cell.formattedDate}`);
+      clearTimeout(this.cellClickTimmer); // 用于在双击事件中取消掉额外触发的一次单击事件
+      this.cellClickTimmer = setTimeout(() => {
+        console.log(`鼠标左键单击单元格 ${options.cell.formattedDate}`);
+      }, 300);
     },
     cellDoubleClick(options) {
+      clearTimeout(this.cellClickTimmer); // 用于在双击事件中取消掉额外触发另外一次单击事件
       console.log(`鼠标双击单元格 ${options.cell.formattedDate}`);
     },
     cellRightClick(options) {