浏览代码

fix: 更改 send 逻辑

jcq 3 周之前
父节点
当前提交
3a90863b98
共有 2 个文件被更改,包括 22 次插入4 次删除
  1. 1 1
      demo-utm-vue3/package.json
  2. 21 3
      demo-utm-vue3/src/App.vue

+ 1 - 1
demo-utm-vue3/package.json

@@ -4,7 +4,7 @@
   "version": "0.0.0",
   "type": "module",
   "scripts": {
-    "dev": "vite",
+    "dev": "vite --host",
     "build": "vite build",
     "preview": "vite preview"
   },

+ 21 - 3
demo-utm-vue3/src/App.vue

@@ -1,19 +1,37 @@
+
+
 <script setup>
 import { ref, computed, onMounted } from 'vue'
-import UtmTracker from 'utm-params-extractor-test'
+// import UtmTracker from 'utm-params-extractor-test'
+import '../../src/index'
 
 const utm = ref(null)
-const utmJson = computed(() => utm.value ? JSON.stringify(utm.value, null, 2) : '正在获取...')
+let tracker = null
 
 onMounted(() => {
-  utm.value = UtmTracker.get()
+  tracker = new UtmTracker({
+    reportUrl: 'http://127.0.0.1:4523/m1/6687089-6396408-default/report',
+    autoSend: false
+  });
+  utm.value = tracker.getParams()
 })
+
+const utmJson = computed(() => utm.value ? JSON.stringify(utm.value, null, 2) : '正在获取...')
+
+const sendUtm = () => {
+  if (tracker) {
+    tracker.send()
+  } else {
+    console.warn('UtmTracker 尚未初始化')
+  }
+}
 </script>
 
 <template>
   <div style="padding: 24px;">
     <h1>UTM Params Extractor Demo (Vue3)</h1>
     <p>本页面演示如何在 Vue3 项目中使用 <code>utm-params-extractor-test</code> 包。</p>
+    <button @click="sendUtm">发送</button>
     <h2>获取到的参数:</h2>
     <pre style="background: #f6f8fa; padding: 16px; border-radius: 8px;">
       {{ utmJson }}