Vue2+ElementUI前端埋点统计页面停留时长？

Question

前端埋点统计页面停留时长

最近在做埋点需求，需要统计页面的浏览时长，项目是使用的vue2+elementUI，普通的页面级浏览时长可以用路由守卫进行统计，但有些需求需要统计页面内tabs下的浏览时长，甚至是存在多层tabs的情况，想要写一个通用的方法，请求大家给予帮助，提供一些思路。

求求了，救救孩子吧。

Answer 1

每个tab都对应一个页面

Answer 2

tabs下的组件，挂自定义指令，可以用IntersectionObserver写,可以查查相关的文档哈，用起来比较容易。 监测到组件曝光就记时，离开就停止计时，上传埋点

Answer 3

提供一个思路，在需要上报的组件中，添加一个标识，使用全局mixin，在created和beforeDestroy生命周期中判断下标识，并做对应的上报逻辑