From 9f89771c2a71039030f336b5e9aad33f1a4f6285 Mon Sep 17 00:00:00 2001
From: hyin08 <jeff.yin2016@gmail.com>
Date: Sun, 4 Sep 2022 19:03:17 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AF=BE=E7=A8=8B=E7=BB=83=E4=B9=A0=209?=
 =?UTF-8?q?=EF=BC=9A=E9=80=9A=E8=BF=87=E4=BA=8B=E4=BB=B6=E4=BB=A3=E7=90=86?=
 =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E4=B8=80=E4=B8=AA=E7=AE=80=E5=8D=95=E7=9A=84?=
 =?UTF-8?q?spm=E4=BF=A1=E6=81=AF=E6=94=B6=E9=9B=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HelloWorld.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 5e4ce20..7fd40b5 100644
--- a/src/components/HelloWorld.vue
+++ b/src/components/HelloWorld.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="hello" data-spma="aa">
+  <div class="hello" data-spma="aa" @click="clickHandler">
     <span>show spm:{{spmText}}</span>
     <div data-spmb="bb">
       <button data-spmc="cc">Click it</button>
@@ -18,7 +18,26 @@ export default {
     return {
       spmText: 'xx.xx.xx'
     }
-  }
+  },
+  methods: {
+    clickHandler(e){
+      let dom = e.target;
+      if(dom.nodeName !== 'BUTTON') return;
+      let spmArray = [];
+
+      while(dom) {
+        Object.keys(dom.dataset).forEach((attr) => {
+          if(/^spm/.test(attr)) {
+            spmArray.unshift(dom.dataset[attr])
+          }
+        })
+
+        dom = dom.parentElement;
+      }
+
+      this.spmText = spmArray.join('.');
+    }
+  },
 }
 </script>