From dab6c81dfe9004851d913e6f415f83c983fae0e7 Mon Sep 17 00:00:00 2001
From: JackXie60 <1809697652@qq.com>
Date: Wed, 31 Aug 2022 23:39:36 +0800
Subject: [PATCH] =?UTF-8?q?feat:=E5=AE=8C=E6=88=90=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HelloWorld.vue | 30 +++++++++++++++++++++++++++---
 1 file changed, 27 insertions(+), 3 deletions(-)

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 5e4ce20..9ffedf0 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="getSpm">
     <span>show spm:{{spmText}}</span>
     <div data-spmb="bb">
       <button data-spmc="cc">Click it</button>
@@ -16,9 +16,33 @@ export default {
   name: 'HelloWorld',
   data: ()=>{
     return {
-      spmText: 'xx.xx.xx'
+      spmText: 'xx.xx.xx',
     }
-  }
+  },
+  methods: {
+    getSpm(e) {
+      const spmArr = [];
+      let el = e.target;
+      while(el) {
+        const dataset = el.dataset;
+        const spmPrefix = this.getSpmPrefix(dataset)
+        if(spmPrefix) {
+          spmArr.unshift(spmPrefix);
+        }
+        el = el.parentElement
+      }
+      this.spmText = spmArr.join('.')
+    },
+    
+    getSpmPrefix(obj) {
+      for(let key in obj) {
+        const isSpm = key.startsWith('spm');
+        if(isSpm) {
+          return obj[key];
+        }
+      }
+    },
+  },
 }
 </script>