“Vue前端埋点获取用户行为数据”的版本间的差异

来自CloudWiki
跳转至: 导航搜索
第21行: 第21行:
 
第二步:在需要埋点的地方,加入指令
 
第二步:在需要埋点的地方,加入指令
  
  v-for="item in listData" v-stat="{type:item.category.name,value:item.name}"
+
  v-for="item in listData" '''v-stat="{type:item.category.name,value:item.name}"
 
+
'''
 
注意:这个是在v-for循环语句中加入的,
 
注意:这个是在v-for循环语句中加入的,

2020年8月20日 (四) 05:00的版本

前端埋点


第一步: 在main.js中自定义一个指令

Vue.directive('stat', {

 bind(el, binding) {
   el.addEventListener('click', () => {
     const data = binding.value;
     console.log(data)
     //data中方法着用户的行为数据(用户的行为数据需要自己定义)
     /**
      * 进行统计操作
      */
   }, false);
 }

});

第二步:在需要埋点的地方,加入指令

v-for="item in listData" v-stat="{type:item.category.name,value:item.name}"

注意:这个是在v-for循环语句中加入的,