From f52778488cb773ae230965b74570c2d122c14fad Mon Sep 17 00:00:00 2001
From: yangxiaona <qiannianhuashen@163.com>
Date: Sun, 4 Sep 2022 22:17:06 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20spmtext=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/HelloWorld.vue | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 5e4ce20..8d08d38 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="getSpmText">
     <span>show spm:{{spmText}}</span>
     <div data-spmb="bb">
       <button data-spmc="cc">Click it</button>
@@ -18,6 +18,21 @@ export default {
     return {
       spmText: 'xx.xx.xx'
     }
+  },
+  methods:{
+    getSpmText(e){
+      let arr = [],el = e.target,currentData
+      while (el) {
+        if(el.dataset){
+        Object.keys(el.dataset).map(item=>{
+          currentData =  el.dataset[item]
+        })
+          currentData&&arr.unshift(currentData);
+        }
+          el = el.parentElement;
+      }
+      this.spmText = arr.join('.')
+    },
   }
 }
 </script>