vue 定时器使用

最新推荐文章于 2024-07-18 08:31:26 发布

qq_43427657

最新推荐文章于 2024-07-18 08:31:26 发布

阅读量139

点赞数

分类专栏： vue 文章标签： vue.js

本文链接：https://blog.csdn.net/qq_43427657/article/details/108337153

版权

vue 专栏收录该内容

19 篇文章 2 订阅

订阅专栏

在vue使用定时器，定时器清不掉应当手动清除

<template>
    <div>{{count}}</div>
</template>

<script>
export default {
    data() {
        return {
            count: 2,
            timer: null
        };
    },
    mounted() {
        this.timer = setInterval(this.add, 1000);
    },
    methods: {
        add() {
            this.count++;
            console.log(this.count);
        },
    },
    beforeDestroy() {
        clearInterval(this.timer);
        this.timer = null;
    },
};
</script>