vue 实现标签页信息提醒

最新推荐文章于 2024-09-09 21:56:27 发布

qq_38295704

最新推荐文章于 2024-09-09 21:56:27 发布

阅读量396

点赞数

文章标签： vue js

本文链接：https://blog.csdn.net/qq_38295704/article/details/118772020

版权

Vue 页面可见性定时任务 document.title 事件监听

关键词由CSDN通过智能技术生成

<template>
    <div>
        <div><button @click="changeTitle">按钮</button></div>
        <p>{{ title }}</p>
    </div>
</template>

<script>
export default {
    data() {
        return {
            title: '',
            isReceive: true
        };
    },
    methods: {
        changeTitle() {
            let time = 0;
            this.title = document.title;
            console.log(document.title);
            setInterval(function () {
                time++;
                console.log(time);
                if (time % 2 == 0 && document.hidden) {
                    console.log(0);
                    document.title = '【你有新消息】';
                } else {
                    console.log(1);
                    document.title = '【     】';
                }
            }, 500);
        }
    }
};
</script>

<style>
</style>