javascript - vue.js怎么setInterval定时调用方法

问题描述

问 题

methods: {
    A: function() {
        setInterval(function(){ 
            this.B();
        },500)
    },
    B: function() {
        console.log('func B')
    }
}

这样写会报错，怎么实现这样的效果呢？

解决方案

可以使用箭头函数

methods: {
    A: function() {
        setInterval(() => { 
            this.B();
        }, 500)
    },
    B: function() {
        console.log('func B')
    }
}

或者

methods: {
    A: function() {
        setInterval(this.B, 500)
    },
    B: function() {
        console.log('func B')
    }
}

这篇关于javascript - vue.js怎么setInterval定时调用方法的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！