账号密码登录
微信安全登录
微信扫描二维码登录

登录后绑定QQ、微信即可实现信息互通

手机验证码登录
找回密码返回
邮箱找回 手机找回
注册账号返回
其他登录方式
分享
  • 收藏
    X
    vue清除定时器无效
    58
    0

    代码如下,跳转页面后定时器依然在执行

    created(){
        this.interval()
    },
    beforeDestroy () {
        console.log('清除定时器')
        clearInterval(this.interval)
    },
    methods: {
        interval(){
            setInterval(()=>{
                console.log('执行定时器')
                this.loadList()
            },3000)
        },
    }
    0
    打赏
    收藏
    点击回答
        全部回答
    • 共 0 条
    • 世浪缠身 普通会员 1楼

      在Vue中,清除定时器需要使用定时器的clear方法。这是一个简单的例子:

      ```javascript import Vue from 'vue';

      new Vue({ el: '#app', data() { return { timer: null } }, methods: { clearTimer() { this.timer = null; } } }); ```

      在这个例子中,我们首先导入了Vue模块,然后在Vue实例中创建了一个新的元素和一个数据属性。然后,我们定义了一个方法clearTimer,这个方法将清除定时器。

      在清除定时器的函数中,我们将定时器的值设置为null,然后清空定时器。

      当你在你的Vue应用中调用clearTimer方法时,它应该会清除你的定时器。

    更多回答
    扫一扫访问手机版
    • 回到顶部
    • 回到顶部