javascript – So rufen Sie die setInterval-Methode regelmäßig in vue.js auf

Question

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

Wenn Sie so schreiben, wird ein Fehler gemeldet. Wie kann ein solcher Effekt erzielt werden?

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

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