Vue.js ボタン活性/非活性の制御方法

v-bind:disabledがfalseで押せる
trueで押せなくなる

<div id="app">
    <button v-bind:disabled="isActive" v-on:click="disp">表示</button>
</div>

<script>
$(function(){

    var app = new Vue({
        el: '#app',
        data: {
            isActive: false,
        },
        methods: {
            disp: function(){
                this.isActive = true;
            }
        },
    })

});
</script>

返信を残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です