Vuejs2 Vue js每x秒触发一个方法/函数

Vuejs2 Vue js每x秒触发一个方法/函数,vuejs2,laravel-5.6,Vuejs2,Laravel 5.6,标题很好地解释了这一点,但我希望每秒钟都能激发一个函数 我没有尝试过任何东西,也没有太多有用的代码 我在谷歌上搜索过,到目前为止,我对任何例子都很满意 另外,我使用的是Laravel5.6 对于调用倒计时()方法,这不起作用 export default { ready() { window.setInterval(() => { this.countDown(); },1000); }, 谢谢大家,我找到了解决方案

标题很好地解释了这一点,但我希望每秒钟都能激发一个函数

我没有尝试过任何东西,也没有太多有用的代码

我在谷歌上搜索过,到目前为止,我对任何例子都很满意

另外,我使用的是Laravel5.6

对于调用倒计时()方法,这不起作用

export default {
    ready() {
        window.setInterval(() => {
            this.countDown();
        },1000);
    },

谢谢大家,我找到了解决方案,只是在谷歌上问了一些正确的问题:)


上面发布的答案是每秒触发一次(因为$nextTick),所以如果您想设置不同的间隔,只需删除$nextTick(在我的情况下,我将其设置为30000,因为我必须每30秒触发一次)


看看这个。这个适合我

created() {
    this.interval = setInterval(() => this.getNotifications(), 3000);
}

只是为了组合这些解决方案(因为我无法编辑),下面的代码可以工作。其中一个问题是,您还希望在视图被销毁后停止作业,因此您希望在调用
beforedroom
钩子时将其清除

mounted:function(){
this.timer=setInterval(()=>{
这是倒计时()
}, 1000)
},
数据(){
返回{
计时器:空
}
},
在…之前{
clearInterval(这个.timer)
}

它究竟是如何“不起作用”的?您何时/何地调用
ready()
函数?我相信他一定有错误,因为这将在setInterval回调中丢失。它是?您在控制台中看到任何错误吗?没有名为
ready
的生命周期挂钩。为什么要使用
$nextTick
?您的间隔回调将在开始执行之前等待一秒钟。我不知道它是这样做的,这是我找到的第一个工作解决方案
mounted: function () {
  window.setInterval(() => {
    this.getNotifications()
  }, 30000)
}
created() {
    this.interval = setInterval(() => this.getNotifications(), 3000);
}