移动端页面停留时长功能实现

最新推荐文章于 2024-07-03 14:24:18 发布

技术项目经理

最新推荐文章于 2024-07-03 14:24:18 发布

阅读量3.2k

点赞数

分类专栏： web前端文章标签： vue

本文链接：https://blog.csdn.net/weixin_43837268/article/details/93867804

版权

web前端专栏收录该内容

420 篇文章 10 订阅

订阅专栏

思路：

因为无法检测到移动端页面的关闭时间

所以换一个思路：根据用户在页面上进行的操作来不断更新用户在当前页面的停留时长问题

<!-- 在最外层的盒子绑定事件 -->
<section :class="{ linkmansection: headShow }" @touchend="initEndTime">
</section>
<script>
methods:{
    initEndTime(){
            //向后台发送请求 
            let parame2={
                "functionName": "",
                "methodName": "",
                "data":{
                    "id":""
                }
            }
            this.$post(JSON.stringify(parame2)).then(result => {
                if (result.errorCode == ERROR_CODE && result.data.codeType=='200') {
                    console.log('查看结束记录成功',result)
                }
            });
    }
}
</script>