update demo.

Author: chengpeiquan

demo/js/main-for-vue2.js

@@ -32,24 +32,27 @@ const app = new Vue({
   data () {
     return {
       pageUrl: '',
+      fromUrl: '',
       category: '',
       action: '',
       label: '',
-      value: ''
+      value: '',
+      nodeId: ''
     }
   },
   mounted () {
   },
   methods: {
     pv () {
-      this.$pushCNZZ.pv(this.pageUrl);
+      this.$pushCNZZ.pv(this.pageUrl, this.fromUrl);
     },
     event () {
       this.$pushCNZZ.event(
         this.category,
         this.action,
         this.label,
-        this.value
+        this.value,
+        this.nodeId
       );
     }
   }

demo/js/main-for-vue3.js

@@ -27,14 +27,19 @@ const app = {
 
     // 初始化要用到的数据
     const pageUrl = ref('');
+    const fromUrl = ref('');
     const category = ref('');
     const action = ref('');
     const label = ref('');
     const value = ref('');
+    const nodeId = ref('');
 
     // 提交pv的操作
     const pv = () => {
-      proxy.$pushCNZZ.pv(pageUrl.value);
+      proxy.$pushCNZZ.pv(
+        pageUrl.value,
+        fromUrl.value
+      );
     }
 
     // 提交事件的操作
@@ -43,18 +48,21 @@ const app = {
         category.value,
         action.value,
         label.value,
-        value.value
+        value.value,
+        nodeId.value
       );
     }
 
     // Vue 3.0 需要把模板要用到的东西 return 出去
     return {
       // 数据
       pageUrl,
+      fromUrl,
       category,
       action,
       label,
       value,
+      nodeId,
 
       // 方法
       pv,

demo/vue2.html

@@ -33,6 +33,10 @@ <h2>提交pv测试</h2>
         <span class="text">pageUrl</span>
         <input class="input" type="text" placeholder="输入页面的url" v-model="pageUrl">
       </label>
+      <label class="label">
+        <span class="text">fromUrl</span>
+        <input class="input" type="text" placeholder="输入来路的url" v-model="fromUrl">
+      </label>
       <button class="button" @click="pv">提交一个pv</button>
     </section>
 
@@ -54,6 +58,10 @@ <h2>提交event测试</h2>
         <span class="text">value</span>
         <input class="input" type="text" placeholder="输入该事件的分值" v-model="value">
       </label>
+      <label class="label">
+        <span class="text">nodeId</span>
+        <input class="input" type="text" placeholder="输入产生该事件的元素id" v-model="nodeId">
+      </label>
       <button class="button" @click="event">提交一个event</button>
     </section>
   </div>

demo/vue3.html

@@ -33,6 +33,10 @@ <h2>提交pv测试</h2>
         <span class="text">pageUrl</span>
         <input class="input" type="text" placeholder="输入页面的url" v-model="pageUrl">
       </label>
+      <label class="label">
+        <span class="text">fromUrl</span>
+        <input class="input" type="text" placeholder="输入来路的url" v-model="fromUrl">
+      </label>
       <button class="button" @click="pv">提交一个pv</button>
     </section>
 
@@ -54,6 +58,10 @@ <h2>提交event测试</h2>
         <span class="text">value</span>
         <input class="input" type="text" placeholder="输入该事件的分值" v-model="value">
       </label>
+      <label class="label">
+        <span class="text">nodeId</span>
+        <input class="input" type="text" placeholder="输入产生该事件的元素id" v-model="nodeId">
+      </label>
       <button class="button" @click="event">提交一个event</button>
     </section>
   </div>