From 196a861137770a12b912d3d51576b6d1a5e9b0bd Mon Sep 17 00:00:00 2001
From: zhudui <1209300584@qq.com>
Date: Sun, 4 Sep 2022 19:49:54 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=AE=8C=E6=88=90test?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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

diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue
index 5e4ce20..f7a79be 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.prevent="handleClick">
     <span>show spm:{{spmText}}</span>
     <div data-spmb="bb">
       <button data-spmc="cc">Click it</button>
@@ -18,6 +18,14 @@ export default {
     return {
       spmText: 'xx.xx.xx'
     }
+  },
+  methods: {
+    handleClick(e) {
+      const target = e.srcElement || e.target;
+      if (target.nodeName.toLocaleLowerCase() === 'button') {
+        this.spmText = `${target.parentElement.parentElement.dataset.spma}.${target.parentElement.dataset.spmb}.${target.dataset.spmc}`;
+      }
+    }
   }
 }
 </script>