Vue.js 中 setInterval 的功能

Question

我想以一秒的間隔執行一個while循環。

我要操作的方法是；

new Vue({
    el: "#app14",
    data: {
        dealerCards: [],
    },
    computed: {
        dealerHand() {
            return CalcHand(this.dealerCards);
        }
    },
    methods: {
        Stand: function() {
            while (this.dealerHand < 17) {
                this.dealerCards.push(Draw());
                console.log("DH: " + this.dealerHand);
            }
        },
    },
});

CalcHand 返回輸入數組的總和。

我用setInterval函數重寫了它；

var dd = setInterval(function() {
    this.dealerCards.push(Draw());
    console.log("DH: " + this.dealerHand);

    if (this.dealerHand >= 17) {
        clearInterval(dd);
        return;
    }
}, 1000);

但是，瀏覽器控制台說this.dealerCards is undefined 。 我想知道您是否知道為什么會出現此錯誤。

Answer 1

setInterval的功能應該是這樣的；

var dd = setInterval(() => {
    this.dealerCards.push(Draw());
    console.log("DH: " + this.dealerHand);

    if (this.dealerHand >= 17) {
        clearInterval(dd);
    }
}, 1000);