vue.jsでbuttonのdisabledを切り替える

■html

<div id="app">
        <button href="#" class="btn btn-info" v-on:click="button_disable()" :disabled="isTestDisabled">Disable_Button</button>
    </div>

■script

<script>
        var vm = new Vue({
            el: '#app',
            data: {
                isTestDisabled: false,
            },
            methods: {
                button_disable: function () {
                    this.isTestDisabled = true;
                    setTimeout(this.enable, 3000);
                },
                enable: function () {
                    this.isTestDisabled = false;
                },
            }
        });
    </script>

参考サイト

teratail

vue.jsにて指定秒数後にdisabledを解除する

https://teratail.com/questions/136390