fix(tree): 解决 checkbox 上点击会触发2次 click 的问题

Tencent · Mar 18, 2022 · 88eec17 · 88eec17
1 parent 56102f1
commit 88eec17
Showing 1 changed file with 9 additions and 0 deletions.
diff --git a/src/tree/tree-item.tsx b/src/tree/tree-item.tsx
@@ -30,6 +30,7 @@ export default mixins(getConfigReceiverMixins<Vue, TreeConfig>('tree'), keepAnim
   data() {
     return {
       data: null,
+      clicked: false,
     };
   },
   methods: {
@@ -280,6 +281,14 @@ export default mixins(getConfigReceiverMixins<Vue, TreeConfig>('tree'), keepAnim
       return itemNodes;
     },
     handleClick(evt: MouseEvent) {
+      // checkbox 上也有 emit click 事件
+      // 用这个逻辑避免重复的 click 事件被触发
+      if (this.clicked) return;
+      this.clicked = true;
+      setTimeout(() => {
+        this.clicked = false;
+      });
+
       const { node } = this;
       const state: TypeEventState = {
         mouseEvent: evt,