技術メモ

Vue.js で二度押しをできないように非活性にするのに苦労したので、
ネットで拾った情報をもとに実装をしてみた。
1秒待つようにしてあるけど、タイマーなしで動かせるようにはできないのかなぁ。

data: {
    message: 'Thank you F.Komaki!',
    isProcessing: false
},
execute() {
    if (this.isProcessing) {
        return;
    }
    this.isProcessing = true;
    this.$nextTick(function () {
        this.reverse()
            .then(() => {
                console.log("終わり");
                this.isProcessing = false;
            });
    });
}
, reverse: function () {
    return new Promise((resolve) => {
        setTimeout(() => {
            this.message = this.message.split('').reverse().join('')
            for (var i = 0; i < 10000; i++) {
                console.log(i);
            }
            resolve();
        }, 1000);
    });
}

これからはじめるVue.js 3実践入門 新品価格 ￥3,740から (2022/9/15 00:27時点)