javascript - vue.js怎麼setInterval定時呼叫方法

Question

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

這樣寫會報錯，要怎麼達到這樣的效果呢？

Answer 1

可以使用箭頭函數

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')
    }
}

Answer 2

雷雷